• BOM常用属性与方法


    BOMBrowser Object Model
    window浏览器窗口
    window方法
    location
    location常用属性
    screen显示器屏幕
    screen常用属性
    navigator浏览器软件
    navigator常用属性
    history浏览历史
    history常用属性
    history常用方法

    主要包括以下几个:


    window(浏览器窗口)
    浏览器窗口对象,主要属性有:

    name:指浏览器窗口的名字或框架的名字。这个名字是给a标记的target属性来用的。设置窗口的名字:window.name = “newWin” 获取窗口的名字:document.write(name);
    top:代表最顶层窗口。如:window.top
    parent:代表父级窗口,主要用于框架。
    self:代表当前窗口,主要用于框架中。
    innerWidth:指浏览器窗口的内宽(不含菜单栏、工具栏、地址栏、状态栏),该属性chrome支持。
    在IE下,使用
    document.documentElement.clientWidth 来代替 window.innerWidth
    1
    innerHeight:指浏览器窗品的内高(不含菜单栏、工具栏、地址栏、状态栏),该属性chrome支持。
    在IE下,使用

    document.documentElement.clientHeight 来代替
    window.innerHeight
    1
    2
    3
    举例:
    document.documentElement 就是html标记对象
    document.body 就是标记对象

    window方法
    alert():弹出一个警告对话框。
    prompt([text],[defaulttext]):弹出一个输入对话框。
    confirm(text):弹出一个确认对话框。如果单击“确定按钮”返回true,如果单击“取* * 消”返回false。 text:要显示的纯文本
    close():关闭窗口
    print():打印窗口
    open([url],[name],[options]):打开一个新窗口
    延时器:window.setTimeout(“code”,1000);// code一般是一个函数,但是放在双引号下,1000ms
    返回值是延时器的id,给clearTimeout使用
    定时器:window.setInterval(“code”,1000);// code一般是一个函数,但是放在”“下,1000ms
    返回值是定时器的id,给clearInterval使用
    location
    location常用属性
    href:获取地址栏中完整的地址。可以实现JS的网页跳转。location.href = “http://www.sina.com.cn”;
    host:主机名
    hostname:主机名
    pathname:文件路径及文件名
    search:查询字符串。
    protocol:协议,如:http://、ftp://
    hash:锚点名称。如:#top
    reload([true]):刷新网页。true参数表示强制刷新
    注意:所有的属性,重新赋值后,网页将自动刷新

    screen(显示器屏幕)
    screen常用属性:
    Width:屏幕的宽度,只读属性。
    Height:屏幕的高度,只读属性。
    availWidth:屏幕的有效宽度,不含任务栏。只读属性。
    availHeight:屏幕的有效高度,不含任务栏。只读属性。
    navigator(浏览器软件)
    navigator常用属性:
    appName:浏览器软件名称,主要用来判断客户使用的是什么核心的浏览器。
    如果是IE浏览器的话,返回值为:Microsoft Internet Explorer
    如果是Firefox浏览器的话,返回值为:Netscape
    appVersion:浏览器软件的核心版本号。
    systemLanguage:系统语言
    userLanguage:用户语言
    platform:平台
    history(浏览历史)
    history常用属性
    length:历史记录的个数
    history常用方法
    go(n):同时可以实现“前进”和“后退。”
    1. history.go(0) 刷新网页
    2. history.go(-1) 后退
    3. history.go(1) 前进一步
    4. history.go(3) 前进三步
    forward():相当于浏览器的“前进”按钮
    back():相当于浏览器的“后退”按钮


    版权声明:本文为博主原创文章,转载请附上博文链接!

  • 相关阅读:
    jedisPool.returnBrokenResource 弃用
    错误,各种错误
    Spring加载resource时classpath*:与classpath:的区别
    Embedded database support
    IDEA 中 显示 *.properties 为中文
    Key promoter IDEA 快捷键 提示 插件
    Win7系统怎么删除今日热点【系统天地】
    win10深度清理c盘垃圾的方法【系统天地】
    win7系统如何清理注册表残留
    win10系统文件无法复制到u盘怎么办【系统天地】
  • 原文地址:https://www.cnblogs.com/web-chuanfa/p/11147943.html
Copyright © 2020-2023  润新知