// BOM的核心對象是window,它表示瀏覽器的一個實例;// window對象處于JavaScript結構的最頂層;// 對于每個打開的窗口,系統都會自動為其定義window對象;// window對象同時扮演著ECMAScript中Global對象的角色,因此所有在全局作用域中聲明的變量/函數都會變成window對象的屬性和方法;// PS:嘗試訪問未聲明的變量會拋出錯誤,但是通過查詢window對象,可以知道某個可能未聲明的對象是否存在;  var newValue = oldValue;        // =>ReferenceError:oldValue is not defined;  var newValue = window.oldValue;     // =>undefined;

// 彈出警告  alert('警告');// 確認和取消  if(confirm('請確定或取消'){          // confirm()本身有返回值;    alert('您選擇了確定');           // 按確定,返回true值;  })else{    alert('您選擇了取消');           // 按取消,返回false值;  }// 輸入提示框  var num = prompt('請輸入一個數字',0);     // 第一個參數是文字提示;第二個參數是輸入框模式填充值;并返回輸入框中的值;  alert(num);                 // 將prompt()方法返回的值賦給變量num;并彈出;// 調用打印及查找對話框  print();                   // 打印; 彈出瀏覽器打印窗口;  find();                   // =>boolean;頁面有匹配的查找內容返回true;相對于Ctrl+F;// 狀態欄  defaultStatus = '狀態欄默認文本';       // 瀏覽器底部狀態欄初始默認值;  status = '狀態欄文本';            // 瀏覽器底部狀態欄設置值;

(1).窗口的位置// 用來確定和修改window對象(瀏覽器窗口)相對于屏幕的位置:// IE+Safari+Opera+Chrome都提供了screenLeft和screenTop屬性,// Firefox提供了screenX和screeY屬性;// 他們分別表示窗口看相對于屏幕左邊和上邊的位置;  // 確定窗口的位置=>IE  alert(screenLeft);              // 瀏覽器左側離屏幕的距離;// 確定窗口的位置=>Firefox  alert(screenX);                // 瀏覽器左側離屏幕的距離;// 跨瀏覽器的方法  var leftX = (typeof screenLeft == 'number') ? screenLeft : screenX;  // 判斷檢測的screenLeft是否是數值,若是則使用screenLeft的值,否則使用screenX的值;

(2).窗口的大小// 檢測瀏覽器窗口本身及邊框的尺寸:outerWidth和outerHeight;  alert(outerWidth);  alert(outerHeight);// 檢測頁面大小屬性:innerWidth和innerHeight;  alert(innerWidth);  alert(innerHeight);// PS:IE沒有提供當前瀏覽器窗口尺寸的屬性; 在DOM中有提供相關的方法;// 在IE及其他瀏覽器中,提供了:document.documentElement.clientWidth和document.documentElement.clientHeight;來保存頁面窗口的信息;// PS:在IE6中,上述屬性在標準模式下才有效;如果是怪異模式,就必須通過document.body.clientWidth和document.body.clientHeight;// 如果是Firefox等瀏覽器,直接使用innerWidth和innerHeight;  var width = window.innerWidth;        // 這里要加window,因為IE會無效;  var height = window.innerHeight;  if(typeof width != 'number'){         // IE6瀏覽器    if(document.compatMode == 'CSS1Compat'){ // 判斷是IE6標準模式;使用documentElement;      width = document.documentElement.clientWidth;      height = document.documentElement.clientHeight;    }else{                  // 否則是IE6非標準模式;使用body;      width = document.body.clientWidth;      height = document.body.clientHeight;    }  }  // PS:以上方法可以通過不同瀏覽器取得各自的瀏覽器窗口可視部分的大小;  // document.compatMode可以確定頁面是否處于標準模式;

// 調整瀏覽器位置;  moveTo(0,0);                 // 移動到(0,0)坐標;IE有效;  moveBy(10,10);                // 向下和向右分別移動10px;IE有效;// 調整瀏覽器大小  resizeTo(200,200);              // 調整大小;  resizeBy(200,200);              // 擴展收縮大小;

// 超時調用使用window對象的setTimeout()方法;// 它接受兩個參數:要執行的代碼和毫秒數;  setTimeout(function(){            // 直接使用函數傳入的方法,擴展性好,性能更加;    alert('警告!');  },1000);// 調用setTimeout()之后,該方法會返回一個數值ID,表示超時調用;// 這個超時調用的ID是計劃執行代碼的唯一標識符,可以通過它來取消超時調用;// 要取消尚未執行的超時調用計劃,可以調用clearTimeout()方法并將相應的超時調用ID作為參數傳遞給它;  var box = setTimeout(function(){       // 將超時調用的ID賦值給變量box;    alert('超時調用');  },1000);  clearTimeout(box);              // 將ID傳入取消調用方法;

// 間歇調用使用window對象的setInterval()方法;// 它會按照指定的時間間隔重復執行代碼,直至間歇調用被取消或頁面被卸載;// 它接收的參數與setTimeout()相同;  var pox = setInterval(function(){    alert('間隔調用');  },1000);  clearInterval(pox);              // 取消間歇調用;// 利用setInterval()設置一個5秒的定時器;  var num = 0;                 // 設置起始秒;  var max = 5;                 // 設置終止秒;  setInterval(function(){    num++;                  // 遞增num;    if(num == max){                    clearInterval(this);         // 取消間隔調用,this表示方法本身;一直跟蹤間隔調用的ID;      alert('5秒后彈窗');    }  },1000);

// 一般使用超時調用來模擬間隔調用是一種最佳模式;// 因為使用間隔調用需要根據情況來取消ID,并且可能造成同步的一些問題;后一個間歇調用可能會在前一個間歇調用結束之前啟動;  var num = 0;  var max = 5;  function box(){    num++;    if(num == max){      alert('5秒后彈窗');    }else{      setTimeout(box,1000);          // 隔1秒之后再次執行一個超時調用;    }  };  setTimeout(box,1000);              // 執行定時器;   // PS:在使用超時調用時,沒必要跟蹤超時調用ID,因為每次執行之后,如果不再設置另一個超時調用,調用就會自動停止;

// 在Web開發中,我們經常需要獲取諸如?id=5&search=ok這種類型的URL的鍵值對;// 通過location,我們可以寫一個函數,來一一獲取;  function getArgs(){    // 創建一個存放鍵值對的數組;    var args = [];    // 去除?號;    var qs = location.search.length>0?location.search.substring(1):'';    // 按&字符串拆分數組;    var items = qs.split('&');    var item = null, name = null, value = null;    //遍歷    for(var i = 0; i<items.length; i++){      item = items[i].split('=');      name = decodeURIComponent(item[0]);  // 因為查詢字符串被瀏覽器編碼過;      value = decodeURIComponent(item[1]);// 每個查詢字符串參數都變成了args對象的屬性;      // 把鍵值對存放到數組中;      args[name] = value;    }    return args;  }  var args = getArgs();  alert(args['id']);              // 獲取URL中id對應的值;