JavaScript的BOM实例分析

这篇文章主要讲解了"JavaScript的BOM实例分析"，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习"JavaScript的BOM实例分析"吧！

　　location对象

　　location对象提供了与当前窗口中加载的文档有关的信息，还提供了一些

　　导航的功能，它既是window对象的属性，也是document对象的属性。

　　语法：location.href

　　功能：返回当前加载页面的完整URL

　　说明：location.href与_window.location.href等价

　　语法：location.hash

　　功能：返回URL中的hash(#号后跟零或多个字符),如果不包含则返回空字符串

　　语法：location.host

　　功能：返回服务器名称和端口号（如果有）

　　语法：locationhostname

　　功能：返回不带端口号的服务器名称。

　　语法：location.pathname

　　功能：返回URL中的目录和（或）文件名。

　　语法：location.port

　　功能：返回URL中指定的端口号，如果没有，返回空字符串。

　　语法：location.protocol

　　功能：返回页面使用的协议

　　语法：location.search

　　功能：返回URL的查询字符串。这个字符串以问号开头。

　　语法：location.replace(url)

　　功能：重新定向URL

　　说明：使用location.replace不会再历时记录中生成新纪录。

　　语法：location.reload()

　　功能：重新加载当前显示的页面。

　　说明：

　　location.reload()有肯从缓冲中加载

　　location.reload(true)从服务器重新加载

　　history对象

　　history对象保存了用户在浏览器中访问页面的历史记录

　　语法：history.back()

　　功能：回到历史记录的上一步

　　说明：相当于使用了history.go(-1)

　　语法：location.forward()

　　功能：回到历时记录的下一步

　　说明：相当于使用了history.go(1)

　　语法：history.go(-n)

　　功能：回到历时记录的前n步

　　语法：history.go(n)

　　功能：回到历史记录的后n步

　　navigator对象

　　useragent：用来识别浏览器名称，版本，引擎以及操作系统等信息的内容。

　　screen对象

　　语法：screen.availWidth

　　功能：返回可用的屏幕宽度

　　语法：screen.availHeight

　　功能：返回可用的屏幕高度

　　location01.html:

　　

　　.box1{

　　height:900px;

　　background:#ccc;

　　}

　　.box2{

　　height:500px;

　　background-color:#333;

　　}