BOM

作者: likeli | 来源:发表于2017-10-18 20:37 被阅读0次

    BOM

    BOM主要就五个对象,下面一一介绍

    window对象

    1.window.open()四个参数

    • URL到打开的窗口的地址

    • target 和a 标签的一样

    • 窗口特征 :可以改变打开的新窗口的特征

    • 是否使用新地址特换当前的历史记录,true是替换,falsely是不替换成新的记录
      例如

      document.onclick=function(){
        var newWindow=window.open("http://www.baidu.com","_blank", "width=500,height=300,top=200,left=200");}
      

    2.moveBy()两个参数,单位是像素,在原有的基础上偏移多少

    • 第一个值为X轴偏移量

    • 第二个值Y轴偏移量
      例如:newWindow.moveBy(200,0);
      3.moveTo()两个参数,单位是像素,移动到什么地方

    • 第一个值距离窗口X轴位置

    • 第二个值距离窗口Y轴位置
      4.window.close()窗口关闭

        setTimeout(function(){
        // 关闭窗口
        newWindow.close();},4000)
      

    confirm 待取消按钮的弹框

    if(confirm("这是一个比较牛逼的弹框")){
        console.log("点了确定")
    }else{
        console.log("点了取消")
    }
    

    prompt 带输入框的弹框

    var name=prompt("Please enter your name","")
    console.log(name);
    

    例如:newWindow.moveTo(100,100);

    screen对象

    • availHeight
      属性声明了显示浏览器的屏幕的可用高度,以像素计。在 Windows 这样的操作系统中,这个可用高度不包括分配给半永久特性(如屏幕底部的任务栏)的垂直空间。
    • availWidth
      属性声明了显示浏览器的屏幕的可用宽度,以像素计。在 Windows 这样的操作系统中,这个可用高度不包括分配给半永久特性(如屏幕底部的任务栏)的垂直空间。
    • height
      属性声明了显示浏览器的屏幕的高度,以像素计。
    • width
      属性声明了显示浏览器的屏幕的宽度,以像素计。
    • colorDepth
      属性返回目标设备或缓冲器上的调色板的比特深度。
    • pixelDepth
      属性返回显示屏幕的颜色分辨率(比特每像素)

    navigator对象

    • appCodeName
      在所有以 Netscape 代码为基础的浏览器中,它的值是 "Mozilla"。为了兼容起见,在 Microsoft 的浏览器中,它的值也是 "Mozilla"。
    • appName
      属性可返回浏览器的名称。appName 属性是一个只读到字符串,声明了浏览器的名称。在基于 Netscape 的浏览器中,这个属性的值是 "Netscape"。在 IE 中,这个属性的值是 "Microsoft Internet Explorer"。其他浏览器可以正确地表示自己或者伪装成其他的浏览器以达到兼容性。
    • appVersion
      属性可返回浏览器的平台和版本信息。该属性是一个只读的字符串。该字符串的第一部分是版本号。把该字符串传递给 parseInt() 只能获取主版本号。该属性的其余部分提供了有关浏览器版本的其他细节,包括运行它的操作系统的信息。
    • cookieEnabled
      属性可返回一个布尔值,如果浏览器启用了 cookie,该属性值为 true。如果禁用了 cookie,则值为 false。
    • onLine
      属性是一个只读的布尔值,声明了系统是否处于脱机模式
    • platform
      属性是一个只读的字符串,声明了运行浏览器的操作系统和(或)硬件平台。
    • serAgent
      属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。 一般来讲,它是在 navigator.appCodeName 的值之后加上斜线和 navigator.appVersion 的值构成的。

    location对象

    • hash
      属性是一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分)。
    • host
      属性是一个可读可写的字符串,可设置或返回当前 URL 的主机名称和端口号。
    • hostname
      属性是一个可读可写的字符串,可设置或返回当前 URL 的主机名。
    • pathname
      属性是一个可读可写的字符串,可设置或返回当前 URL 的路径部分。
    • port
      属性是一个可读可写的字符串,可设置或返回当前 URL 的端口部分。
    • protocol
      属性是一个可读可写的字符串,可设置或返回当前 URL 的协议。
    • search
      属性是一个可读可写的字符串,可设置或返回当前 URL 的查询部分(问号 ? 之后的部分)

    history对象

    • forword() 加载 history 列表中的下一个 URL。
    • back() 加载 history 列表中的前一个 URL。
    • go() 加载 history 列表中的某个具体页面。

    相关文章

      网友评论

          本文标题:BOM

          本文链接:https://www.haomeiwen.com/subject/tkaeuxtx.html