JS总结——BOM

概念

浏览器对象模型

包含以下对象：

window  navigator  screen  history  location  

window

window是浏览器的一个实例。

方法

1. windows.alert

显示带有一段消息和一个确认按钮的警告框

2. windows.confirm

显示一个带有指定消息和ok以及取消按钮的对话框

返回值：点击“确定”，返回true；反之亦然。

3. windows.prompt(“text, defaultText”)

参数说明：

               Text: 要在对话框中显示的纯文本

        defaultText: 默认的输入文本

返回值：

点击“取消”，返回 null

确认”，返回 输入字段当前显示的文本

4. window.open(pageURL,name,parameters)

打开一个新的浏览器窗口或查找一个已命名的窗口

参数说明：

   pageURL: 子窗口路径

      Name: 新窗口的名称

Parameters: 窗口参数（参数间用逗号分割）

实例：

window.open('http://www.baidu.com','_blink','height:400,width:600');

5. window.close( )

只能用来关闭使用window.open( )打开的页面。

6. windows.innerHeight和innerWidth

获取窗口文档显示区的高度和宽度

综合实例：

window.onload = function openWindow(){
    var open=confirm("是否打开新窗口");
    if(open==true){
        var url=prompt("是否要打开新窗口","http://www.baidu.com");
        if(url!=null){  
            window.open(url,'_blink','width=400px,height=500px,menubar=no,toolbar=no');
        }else{
            alert("自己玩去");
        }
    }else{
        alert("自己玩去");
    }
}

Location对象

属性：

方法

1. assign( ) 跳转

跟直接设置location.href效果一样。

<script type="text/javascript">  
    location.assign("http://www.baidu.com");  
</script> 

2. replace( ) 无记录跳转

用法和assign( ) 一样。

使用replace( )方法打开的页面，不会在历史记录中生成新纪录。

3. reload( ) 重新载入当前页面

它有两个参数，

false：从缓存中重新载入页面；（默认）

true：从服务器重新载入页面；

注意：

在reload()方法执行后，再其后面的代码可能被执行，也可能不被执行，这由网络延迟和系统资源因素决定。

因此，最好把reload()的调用放在代码的最后一行。

history

方法：

   back()  回到历史记录上一页

forword()  回到历史记录下一页

     go()  去到指定页面，正数是下几页，负数是上几页

Screen

属性：

screen.availHeight 屏幕可用高度

screen.availWidth 屏幕可用宽度

Navigator对象