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

// 彈出警告
  alert('警告');

// 確認(rèn)和取消
  if(confirm('請(qǐng)確定或取消'){          // confirm()本身有返回值;
    alert('您選擇了確定');           // 按確定,返回true值;
  })else{
    alert('您選擇了取消');           // 按取消,返回false值;
  }

// 輸入提示框
  var num = prompt('請(qǐng)輸入一個(gè)數(shù)字',0);     // 第一個(gè)參數(shù)是文字提示;第二個(gè)參數(shù)是輸入框模式填充值;并返回輸入框中的值;
  alert(num);                 // 將prompt()方法返回的值賦給變量num;并彈出;

// 調(diào)用打印及查找對(duì)話框
  print();                   // 打印; 彈出瀏覽器打印窗口;
  find();                   // =>boolean;頁面有匹配的查找內(nèi)容返回true;相對(duì)于Ctrl+F;

// 狀態(tài)欄
  defaultStatus = '狀態(tài)欄默認(rèn)文本';       // 瀏覽器底部狀態(tài)欄初始默認(rèn)值;
  status = '狀態(tài)欄文本';            // 瀏覽器底部狀態(tài)欄設(shè)置值;

(1).窗口的位置
// 用來確定和修改window對(duì)象(瀏覽器窗口)相對(duì)于屏幕的位置:
// IE+Safari+Opera+Chrome都提供了screenLeft和screenTop屬性,
// Firefox提供了screenX和screeY屬性;
// 他們分別表示窗口看相對(duì)于屏幕左邊和上邊的位置;
  
// 確定窗口的位置=>IE
  alert(screenLeft);              // 瀏覽器左側(cè)離屏幕的距離;
// 確定窗口的位置=>Firefox
  alert(screenX);                // 瀏覽器左側(cè)離屏幕的距離;

// 跨瀏覽器的方法
  var leftX = (typeof screenLeft == 'number') ? screenLeft : screenX;
  // 判斷檢測(cè)的screenLeft是否是數(shù)值,若是則使用screenLeft的值,否則使用screenX的值;

(2).窗口的大小
// 檢測(cè)瀏覽器窗口本身及邊框的尺寸:outerWidth和outerHeight;
  alert(outerWidth);
  alert(outerHeight);
// 檢測(cè)頁面大小屬性:innerWidth和innerHeight;
  alert(innerWidth);
  alert(innerHeight);
// PS:IE沒有提供當(dāng)前瀏覽器窗口尺寸的屬性; 在DOM中有提供相關(guān)的方法;

// 在IE及其他瀏覽器中,提供了:document.documentElement.clientWidth和document.documentElement.clientHeight;來保存頁面窗口的信息;
// PS:在IE6中,上述屬性在標(biāo)準(zhǔn)模式下才有效;如果是怪異模式,就必須通過document.body.clientWidth和document.body.clientHeight;
// 如果是Firefox等瀏覽器,直接使用innerWidth和innerHeight;
  var width = window.innerWidth;        // 這里要加window,因?yàn)镮E會(huì)無效;
  var height = window.innerHeight;
  if(typeof width != 'number'){         // IE6瀏覽器
    if(document.compatMode == 'CSS1Compat'){ // 判斷是IE6標(biāo)準(zhǔn)模式;使用documentElement;
      width = document.documentElement.clientWidth;
      height = document.documentElement.clientHeight;
    }else{                  // 否則是IE6非標(biāo)準(zhǔn)模式;使用body;
      width = document.body.clientWidth;
      height = document.body.clientHeight;
    }
  }
  // PS:以上方法可以通過不同瀏覽器取得各自的瀏覽器窗口可視部分的大小;
  // document.compatMode可以確定頁面是否處于標(biāo)準(zhǔn)模式;

// 調(diào)整瀏覽器位置;
  moveTo(0,0);                 // 移動(dòng)到(0,0)坐標(biāo);IE有效;
  moveBy(10,10);                // 向下和向右分別移動(dòng)10px;IE有效;

// 調(diào)整瀏覽器大小
  resizeTo(200,200);              // 調(diào)整大小;
  resizeBy(200,200);              // 擴(kuò)展收縮大小;

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

// 間歇調(diào)用使用window對(duì)象的setInterval()方法;
// 它會(huì)按照指定的時(shí)間間隔重復(fù)執(zhí)行代碼,直至間歇調(diào)用被取消或頁面被卸載;
// 它接收的參數(shù)與setTimeout()相同;
  var pox = setInterval(function(){
    alert('間隔調(diào)用');
  },1000);
  clearInterval(pox);              // 取消間歇調(diào)用;

// 利用setInterval()設(shè)置一個(gè)5秒的定時(shí)器;
  var num = 0;                 // 設(shè)置起始秒;
  var max = 5;                 // 設(shè)置終止秒;
  setInterval(function(){
    num++;                  // 遞增num;
    if(num == max){              
      clearInterval(this);         // 取消間隔調(diào)用,this表示方法本身;一直跟蹤間隔調(diào)用的ID;
      alert('5秒后彈窗');
    }
  },1000);

// 一般使用超時(shí)調(diào)用來模擬間隔調(diào)用是一種最佳模式;
// 因?yàn)槭褂瞄g隔調(diào)用需要根據(jù)情況來取消ID,并且可能造成同步的一些問題;后一個(gè)間歇調(diào)用可能會(huì)在前一個(gè)間歇調(diào)用結(jié)束之前啟動(dòng);
  var num = 0;
  var max = 5;
  function box(){
    num++;
    if(num == max){
      alert('5秒后彈窗');
    }else{
      setTimeout(box,1000);          // 隔1秒之后再次執(zhí)行一個(gè)超時(shí)調(diào)用;
    }
  };
  setTimeout(box,1000);              // 執(zhí)行定時(shí)器; 
  // PS:在使用超時(shí)調(diào)用時(shí),沒必要跟蹤超時(shí)調(diào)用ID,因?yàn)槊看螆?zhí)行之后,如果不再設(shè)置另一個(gè)超時(shí)調(diào)用,調(diào)用就會(huì)自動(dòng)停止;

// 在Web開發(fā)中,我們經(jīng)常需要獲取諸如?id=5&search=ok這種類型的URL的鍵值對(duì);
// 通過location,我們可以寫一個(gè)函數(shù),來一一獲取;
  function getArgs(){
    // 創(chuàng)建一個(gè)存放鍵值對(duì)的數(shù)組;
    var args = [];
    // 去除?號(hào);
    var qs = location.search.length>0?location.search.substring(1):'';
    // 按&字符串拆分?jǐn)?shù)組;
    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]);  // 因?yàn)椴樵冏址粸g覽器編碼過;
      value = decodeURIComponent(item[1]);// 每個(gè)查詢字符串參數(shù)都變成了args對(duì)象的屬性;
      // 把鍵值對(duì)存放到數(shù)組中;
      args[name] = value;
    }
    return args;
  }
  var args = getArgs();
  alert(args['id']);              // 獲取URL中id對(duì)應(yīng)的值;