美文网首页
JavaScript BOM

JavaScript BOM

作者: 追逐_e6cf | 来源:发表于2019-02-19 23:04 被阅读0次

    一、Window对象

    1. 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。
    2. Window对象表示浏览器窗口,所有JavaScript全局对象、函数以及变量均自动成为 window 对象的成员。
    3. 全局变量是window对象的属性,全局函数是window对象的方法。HTML DOM的 document也是window对象的属性之一。
    4. window.navigator.userAgent:浏览器标识。
    //alert( window.navigator.userAgent )
    if( window.navigator.userAgent.indexOf('MSIE') != -1 ) {
        alert('我是ie');
    } else {
        alert('我不是ie');
    }
    
    1. window.location:浏览器url地址信息,可读可写。
    对象属性 描述
    window.location.href 设置或返回完整的 URL
    window.location.search 设置或返回 url?,?+后面的内容
    window.location.pathname 设置或返回当前 URL 的路径部分
    window.location.hash 设置或返回 url#后面的内容 哈希值
    window.location.port 设置或返回当前 URL 的端口号
    window.location.hostname 设置或返回当前 URL 的主机名
    window.location.host 设置或返回主机名和当前 URL 的端口号
    window.location.protocol 设置或返回当前 URL 的协议
    1. window.history:History 对象包含用户(在浏览器窗口中)访问过的 URL。length返回浏览器历史列表中的 URL 数量。back()加载 history 列表中的前一个 URL。 forward()加载 history 列表中的下一个 URL。go()加载 history 列表中的某个具体页面,负数是后退,正数是前进。

    二、Window对象方法

    1. window.onhashchange:当hash改变触发。
    2. window.open(url,target):打开一个新的浏览器窗口或查找一个已命名的窗口。返回值是新打开的window对象。地址默认是空白页面,打开方式默认新窗口。可以接受第三个参数是打开窗口的样式。
    window.open('http://www.baidu.com', '_self');
    
    var opener = window.open();
    opener.document.body.style.background = 'red';
    
    1. window.close():关闭window这个对象窗口。
    2. window.scrollTo(x, y):把内容滚动到指定的坐标。x为水平方向滚动条,y为垂直方向滚动条。
    document.onclick = function(){
        window.scrollTo(100,100);
    }
    
    1. window.scrollBy(x, y):滚动叠加,不加px。x为水平方向滚动条,y为垂直方向滚动条。
    document.onclick = function(){
        window.scrollBy(100,100);
    }
    
    1. onload:文档加载完毕
    2. onscroll:滚动的时候
    3. onresize:调整尺寸的时候

    相关文章

      网友评论

          本文标题:JavaScript BOM

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