javascript中的window物件的使用方法??
javascript是一個嵌入在網頁中的指令碼語言,用來實現在靜態頁面中的一些動態特效,是網頁動態化。能實現很多種效果。JavaScript 是因特網上最流行的指令碼語言。
被諸多的網頁用來改進設計、驗證表單、檢測瀏覽器、建立cookies,以及更多的應用。
工具/原料
javascript開發工具
方法/步驟
使用一款開發工具。這裡我推薦使用editplus。很實用一款開發工具軟體
新建一個html檔案,寫入指令碼標籤
這是很標準的寫法,當然Language是可以省略的。現在預設的指令碼語言就是javascript了
window對來來獲取瀏覽器視窗的尺寸
window.innerHeight 獲取高度
window.innerWidth獲取寬度
程式碼:
window.onload = function(){
alert(window.innerHeight);
alert(window.innerWidth);
}
在html文件載入完畢後就執行程式碼
彈出對話方塊,顯示瀏覽器的高度和寬度
這是主流瀏覽器的寫法呢,如果是 Internet Explorer 8、7、6、5瀏覽器。那麼這種寫法不行,必須使用相容寫法
document.documentElement.clientHeight
document.documentElement.clientWidth
這樣就可以了
還有window的其他方法,
例如:
window.open() : 開啟新視窗
window.close() : 關閉當前視窗
window.moveTo() : 移動當前視窗
window.resizeTo() :調整當前視窗的尺寸
大家可以去試試看