JS-BOM對象
阿新 • • 發佈：2018-06-07
end ace 一段 replace In span art align repl
BOM對象
BOM（瀏覽器對象模型），可以對瀏覽器窗口進行訪問和操作。使用 BOM，開發者可以移動窗口、改變狀態欄中的文本以及執行其他與頁面內容不直接相關的動作。使 JavaScript 有能力與瀏覽器“對話”。
一、windows對象
所有的瀏覽器都支持帶對象，因此在使用該對象時可以直接使用，可以使用windows調用，也可以省略。一個HTML文檔對應一個windows對象，它被應用於控制瀏覽器的窗口。
1. 常用的方法
//方法 備註 alert ( )//顯示帶有一段消息和一個確認按鈕的警告框 confirm( ) //顯示帶有一段消息以及確認按鈕和取消按鈕的對話框 prompt( ) //顯示可提示用戶輸入的對話框 setInterval( ) //按照指定的周期（以毫秒計）來調用函數或計算表達式 clearInterval( ) //取消由 setInterval() 設置的 timeout對象 setTimeout( ) //在指定的毫秒數後調用函數或計算表達式 clearTimeout( ) //取消由 setTimeout() 方法設置的 timeout對象open( ) //打開一個新的瀏覽器窗口或查找一個已命名的窗口 close( ) //關閉瀏覽器窗口 scrollTo( ) //把內容滾動到指定的坐標
2. 實例
<body>
<input type="text" id="id1" onclick="begin()">
<button onclick="end()">停止</button>
<script>
function
二、history對象
History對象用於記錄對用戶訪問過的URL，它是Windows對象的一部分。它的length屬性可以返回瀏覽器歷史列表中的URL數量。
history.forward( )與history.back( )
//test1.html頁面 <body> <a href="test2.html"> 超鏈接跳轉 </a> <button onclick="f()"> 按鈕跳轉 </button> <script> function f(){ return history.forward(); } </script> </body> //--------------------------------------------------------------------------------------- //test2.html頁面 <body> <button onclick="f()">返回</button> <script> function f(){ return history.back(); } </script> </body>
history.go( 1 )與history.go( -1 )
test1.html頁面 <body> <a href="test2.html"> 超鏈接跳轉 </a> <button onclick="f()"> 按鈕跳轉 </button> <script> function f(){ return history.go(1); } </script> </body> //-------------------------------------------------------------------------------------- test2.html頁面 <body> <button onclick="f()">返回</button> <script> function f(){ return history.go(-1); } </script> </body>
三、location對象
Loacation對象包含當前URL的先關信息。
//方法 備註 location . assign( URL) //打開URL，註意與replace區別 location . reload( ) //重載當前頁面，即刷新 location . replace(newURL ) //打開newURL，並覆蓋當前頁面
JS-BOM對象