1. 程式人生 > >JS學習_BOM視窗大小獲取

JS學習_BOM視窗大小獲取

BOM視窗大小

全域性變數不能通過delete操作符刪除,而直接在window物件上定義的屬性可以delete刪除。

var a = 1;
window.b = 2;

delete.window.a;     //IE9之前丟擲錯誤,其他瀏覽器返回false
delete.window.b;     //IE9之前丟擲錯誤,其他瀏覽器返回true

alert(window.a);     //1
alert(window.b);     //undefined

注意:訪問未宣告的變數會丟擲錯誤,而使用window物件查詢則返回undefined。

視窗大小

取得當前視窗的頁面視口大小的相容性程式碼(IE、Opera、Mozilla、Safari、Chrome)

var pageWidth  = window.innerWidth;
var pageHeight = window.innerHeight;

if (typeof pageWidth != 'number'){
    if (document.compatMode == 'number'){ 
        pageWidth  = document.documentElement.clientWidht;
        pageHeight = document.documentElement.clientHeight;
    } else {
        pageWidth  = document
.body.clientWidht; pageHeight = document.body.clientHeight; } }