js--BOM

青旅半醒 2021-09-27 04:22 291阅读 0赞

*  前言
 *  内容
    
     *   *  字面值：
         *  confirm方法：
         *  window.location属性
         *  screen对象
         *  history对象
     *  兼容性的选择
     *  功能键shift、alt、control
 *  总结
 *  end

# 前言 #

上一篇博客介绍了DOM，那么这篇博客就介绍一下BOM（浏览器对象），这也是学习JavaScript必学的一门知识。

# 内容 #

### 字面值： ###

在代码中写入的是什么显示出来的就是什么

window相当于当前浏览器窗口  
使用window对象属性、方法时可以省略window（节约字节数）  
例如alert、document等

### confirm方法： ###

出现确定或取消框

bool confirm（“提示字符串”）；
    eg. 
    <script type="text/javascript"> onload = function(){ btn.onclick = function(){ var res =window.confirm("测试消息，请选择"); alert(res); } } </script>
    <body>
        <input type="button" name="name" value="click" id="btn"/>
    </body>

### window.location属性 ###

window.location.href="url"；:页面的跳转
    window.location.reload();

### screen对象 ###

获取屏幕分辨率：width与height

### history对象 ###

back方法与forward方法  
go（-1）与go（1）

eg. 
        **page1**
            <script type="text/javascript"> onload = function(){ btn.onclick = function(){ //history.forward(); history.go(1); } } </script>
            <body>
                <a href=page2.html>第二页</a><br />
                <input type="button" name="name" value="->" id="btn"/>
            </body>
        **page2**
            <script type="text/javascript"> onload = function(){ btn.onclick = function(){ //history.back(); history.go(-1); } } </script>
                <body>
                <input type="button" name="name" value="<-" id="btn"/>
            </body>

## 兼容性的选择 ##

火狐浏览器：

var dv = document.getElementById("dv");
    dv.onmousedown = function€{ 
        alert（e）;
    }

ie浏览器：

var dv =document.getElementById("dv");
    dv.onmousedown = function(){ 
        alert(window.event.button);
    }

合并的写法：

var dv = document.getElementById("dv");
    dv.onmousedown = function（e）{ 
        //早期的ie中，e是undefined
        e = e || window.event;
        //如果e不存在，就用event，这个不是标准做法
        //如果e存在就是用e本身
        alert(e.button); 
    }

## 功能键shift、alt、control ##

onload = function(){ 
        window.btn.onclick = function€{ 
            //shift、alt、control
            e = e || event
            alert("alt=" + e.altKey + ",shift=" + e.shiftKey + ",control=" + e.ctrlKey);
        }
    }

# 总结 #

颗粒归仓。

# end #

谢谢您的阅读！

js--BOM

发表评论取消回复

还没有评论，来说两句吧...

相关阅读