這篇文章主要講解了“JavaScript的BOM實(shí)例分析”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“JavaScript的BOM實(shí)例分析”吧！

10年專注成都網(wǎng)站制作，成都定制網(wǎng)站，個(gè)人網(wǎng)站制作服務(wù)，為大家分享網(wǎng)站制作知識、方案，網(wǎng)站設(shè)計(jì)流程、步驟,成功服務(wù)上千家企業(yè)。為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù),專注于成都定制網(wǎng)站,高端網(wǎng)頁制作,對成都濕噴機(jī)等多個(gè)行業(yè)，擁有豐富設(shè)計(jì)經(jīng)驗(yàn)。

location對象

location對象提供了與當(dāng)前窗口中加載的文檔有關(guān)的信息，還提供了一些

導(dǎo)航的功能，它既是window對象的屬性，也是document對象的屬性。

語法：location.href

功能：返回當(dāng)前加載頁面的完整URL

說明：location.href與window.location.href等價(jià)

語法：location.hash

功能：返回URL中的hash(#號后跟零或多個(gè)字符),如果不包含則返回空字符串

語法：location.host

功能：返回服務(wù)器名稱和端口號（如果有）

語法：locationhostname

功能：返回不帶端口號的服務(wù)器名稱。

語法：location.pathname

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

語法：location.port

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

語法：location.protocol

功能：返回頁面使用的協(xié)議

語法：location.search

功能：返回URL的查詢字符串。這個(gè)字符串以問號開頭。

語法：location.replace(url)

功能：重新定向URL

說明：使用location.replace不會再歷時(shí)記錄中生成新紀(jì)錄。

語法：location.reload()

功能：重新加載當(dāng)前顯示的頁面。

說明：

location.reload()有肯從緩沖中加載

location.reload(true)從服務(wù)器重新加載

history對象

history對象保存了用戶在瀏覽器中訪問頁面的歷史記錄

語法：history.back()

功能：回到歷史記錄的上一步

說明：相當(dāng)于使用了history.go(-1)

語法：location.forward()

功能：回到歷時(shí)記錄的下一步

說明：相當(dāng)于使用了history.go(1)

語法：history.go(-n)

功能：回到歷時(shí)記錄的前n步

語法：history.go(n)

功能：回到歷史記錄的后n步

navigator對象

useragent：用來識別瀏覽器名稱，版本，引擎以及操作系統(tǒng)等信息的內(nèi)容。

screen對象

語法：screen.availWidth

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

語法：screen.availHeight

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

location01.html:

.box1{

height:900px;

background:#ccc;

}

.box2{

height:500px;

background-color:#333;

}