Js_BOM

BOM

Beowers Object Model 浏览器对象模型

1> window

window 对象定义了 3 个人机交互的方法，主要方便对 JavaScript 代码进行调试。

• alert()：确定提示框。由浏览器向用户弹出提示性信息。该方法包含一个可选的提示信息参数。如果没有指定参数，则弹出一个空的对话框。
• confirm()：选择提示框。。由浏览器向用户弹出提示性信息，弹出的对话框中包含两个按钮，分别表示“确定”和“取消”按钮。 如果点击“确定”按钮，则该方法将返回 true；单击“取消”按钮，则返回 false。confirm() 方法也包含一个可选的提示信息参数，如果没有指定参数，则弹出一个空的对话框。
• prompt()：输入提示框。可以接收用户输入的信息，并返回输入的信息。prompt() 方法也包含一个可选的提示信息参数，如果没有指定参数，则弹出一个没有提示信息的输入文本对话框。
• window.open(url,打开方式，参数，是否替代原页面)                         window.open(url,"_blank"，"width=30px,height=50px,left=0"，是否替代原页面)
• window.close() -------火狐中，不能通过脚本关闭非脚本打开的页面

2> History  操作历史记录

　　window.history.back();

　　window.history.forward();

　　window.history.go(-1); //相当于调用 back()

　　window.history.go(1); //相当于调用forward()

　　window.history.length;

3> location 对象存储了当前文档位置（URL）相关的信息

     location 对象的属性都是可读可写的。

　　location.href = "http://www.baidu.com/"; //页面会自动跳转到对应的页面

　　location.hash 获取/设置锚点之后的内容(包括前导符（#）)

　　location.search获取/设置当前 URL get传参内容，即问号之后的内容，包括前导问号。

4> navigator 对象存储了与浏览器相关的基本信息

        window.navigator.userAgent 用户代理字符串,可以检测浏览器类型。

        window.navigator.language 当前浏览器语言

        window.navigator.platform  平台信息

5> screen 客户端屏幕信息

       screen.width 当前屏幕分辨率宽

       screen.height 当前屏幕分辨率高

       screen.screenleft 位置

       screen.screentop 位置