javascript中的window物件的使用方法??

Tags: 物件,

javascript是一個嵌入在網頁中的指令碼語言,用來實現在靜態頁面中的一些動態特效,是網頁動態化。能實現很多種效果。JavaScript 是因特網上最流行的指令碼語言。

被諸多的網頁用來改進設計、驗證表單、檢測瀏覽器、建立cookies,以及更多的應用。

javascript中的window物件的使用方法?

工具/原料

javascript開發工具

方法/步驟

使用一款開發工具。這裡我推薦使用editplus。很實用一款開發工具軟體

javascript中的window物件的使用方法?

新建一個html檔案,寫入指令碼標籤

這是很標準的寫法,當然Language是可以省略的。現在預設的指令碼語言就是javascript了

javascript中的window物件的使用方法?

window對來來獲取瀏覽器視窗的尺寸

window.innerHeight 獲取高度

window.innerWidth獲取寬度

程式碼:

window.onload = function(){

alert(window.innerHeight);

alert(window.innerWidth);

}

javascript中的window物件的使用方法?

在html文件載入完畢後就執行程式碼

彈出對話方塊,顯示瀏覽器的高度和寬度

javascript中的window物件的使用方法?

javascript中的window物件的使用方法?

這是主流瀏覽器的寫法呢,如果是 Internet Explorer 8、7、6、5瀏覽器。那麼這種寫法不行,必須使用相容寫法

document.documentElement.clientHeight

document.documentElement.clientWidth

這樣就可以了

還有window的其他方法,

例如:

window.open() : 開啟新視窗

window.close() : 關閉當前視窗

window.moveTo() : 移動當前視窗

window.resizeTo() :調整當前視窗的尺寸

大家可以去試試看

相關問題答案