1. 程式人生 > 其它 >js-6:BOM操作

js-6:BOM操作

############### 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()