js-6:BOM操作
阿新 • • 發佈:2021-08-13
############### JS-BOM操作 ################
//BOM操作 //Windows物件 // window.open(); //開啟一個新的tab頁面,沒什麼用 // window.innerHeight; //獲取瀏覽器的高度 // window.innerWidth; //獲取瀏覽器的寬度 // window.close() //- 關閉當前視窗 // ###################### //window的子物件 // location物件(這些方法有用,需要記住) // window.location 物件用於獲得當前頁面的地址 (URL),並把瀏覽器重定向到新的頁面。 // 常用屬性和方法: console.log(location.href); //獲取URL // console.log(location.href="URL"); // 跳轉到指定頁面 // console.log(location.reload()); //重新載入頁面 // ############################## // 彈出框 // 可以在 JavaScript 中建立三種訊息框:警告框、確認框、提示框。 // 警告框 // 當警告框出現後,使用者需要點選確定按鈕才能繼續進行操作。 // 語法: // alert("你看到了嗎?"); // 確認框(瞭解即可) // 當確認框出現後,使用者需要點選確定或者取消按鈕才能繼續進行操作。 // 如果使用者點選確認,那麼返回值為 true。如果使用者點選取消,那麼返回值為 false。 // 語法: // confirm("你年滿18歲了嗎?"); // 提示框(瞭解即可) // 提示框經常用於提示使用者在進入頁面前輸入某個值。 // 當提示框出現後,使用者需要輸入某個值,然後點選確認或取消按鈕才能繼續操縱。 // 如果使用者點選確認,那麼返回值為輸入的值。如果使用者點選取消,那麼返回值為 null。 //語法: // prompt("請在下方輸入","你的答案"); // ################################## // 計時相關 // 通過使用 JavaScript,我們可以在一定時間間隔之後來執行程式碼,而不是在函式被呼叫後立即執行。我們稱之為計時事件。 // 第一個:setTimeout() var ret=setTimeout("alert(123)",5000) //第一個引數是你要執行的語句是什麼,第二個引數是你要等多少秒之後執行, console.log(ret) function foo() { console.log("呵呵") } console.log(setTimeout(foo,3000)); //使用的時候往往會使用函式的形式 // 對應的一個:clearTimeout() // 在指定時間之後執行一次相應函式 // var timer = setTimeout(function(){alert(123);}, 3000) // 取消setTimeout設定 // clearTimeout(timer); // 第二個:setInterval() console.log(setInterval(foo,1000));//這是每隔1秒鐘執行一次函式, // setInterval() 方法會不停地呼叫函式,直到 clearInterval() 被呼叫或視窗被關閉。 // 對應的就是:clearInterval()