8章 window和document對象 —— javaScript寶典

Dom

js是一種物件導向的語言，它把一切都看成對象，BOM就是瀏覽器物件模型。

   1.window對象，window對象表示整個瀏覽器視窗。
      frames集合--可以用window.frames[0]或者window["frameName"]來引用
         也可用top.frames[0]或者top.frames["frameName"]來引用（top對象表示最頂成的對象及window對象）
      a.視窗操作
         moveBy(dx,dy)--把瀏覽器移動dx,dy個像素
         moveTo(x,y)    --把瀏覽器的左上方移動到x,y像素的位置
         resizeBy(dw,dh)--縮小或放大瀏覽器的視窗
         resizeTo(x,y)    --把調整瀏覽器視窗的大小為x,y（不能為負數）
      b.開啟新視窗
         window.open("http://www.qq.com","frameName",x,y)
         第一個參數為開啟的串連
         第二個參數為在那個架構開啟，可以用系統的_seft,_blank等，也可用自定的架構名，如果不填會開啟新視窗
         第三個參數x為為一個用,隔開的字串：
            left
和top為視窗左上方的座標;height和width為視窗的大小;resizable判斷視窗是否能拖動邊線而調整大小預設為
no;scrollable表示是否出現捲軸,預設為no;toolbar表示是否出現工具條,預設為no;status表示是否出現狀態列,預設為
no;location表示是否現實web地址欄,預設為no。
         第四個參數為一個bool值，表示是否用新載入的頁面替換當前載入的頁面,一般很少用這個參數。
         例：var test = window.open("http://www.qq.com","_blank","height=100,width=100,top=0,left=0");
                  test.close();  //關閉視窗,在視窗可將其關閉
                  window.close();//在test視窗的代碼裡可將其關閉
        c.系統對話方塊
            alert(msg); //警告框
            confirm("OK?") //選者框,將返回一個bool值
            prompt(msg1,msg2); //可讓使用者輸入資訊，第二個參數為預設值。
            這些視窗都是模式化的視窗，也就是在沒關閉這些視窗的時候無法對瀏覽器做操作。
        d.狀態列
            status和defaultStatus屬性
            status可以讓狀態列的文字暫時改變，defaultStatus可以在使用者離開當前頁面前一直改變。
        e.時間間隔和暫停
            var test  = setInterval("alert('GO')",10000)  //每隔10秒就談出對話方塊GO
            clearInterval(test);      //終止它
            var test1 = setTimeout("alert('GO')",10000); //將在10秒後探出對話方塊GO
            clearTimeout(test1);                     //可將它取消
        f.曆史
            window.history.go(-1); //後退一格
            history.back();  //back按鈕
            history.forward();//forward按鈕
            可用history.length察看曆史中的頁面數
   
   2.document對象，其實他是window對象的屬性
        a.通用屬性
            alinkColor  //啟用的連結的顏色
            bgColor      //背景顏色
            fgColor      //文本顏色
            lastModified //最後修改頁面的日期
            linkColor   //串連的顏色
            referrer      //瀏覽器後退一個位置的url
            title            //<title/>中的文本
            URL          //當前頁面的url
            vlinkColor   //訪問過的連結的顏色
        b.集合
            anchors   //所有<a name=.. ..的集合
            applets    //所有applet的集合
            embeds   //所有內嵌物件的集合
            forms      //所有表單的集合
            images     //所有圖片的集合
            links        //所有串連的集合< a href=...
        c.document.write()和document.writeln()方法
   3.location對象,他是window和document對象的屬性
        a.屬性
            hash  //該方法返回#號後的內容（包括#）
            host  //返回伺服器的名字，如www.qq.com
            hostName  //等於qq.com
            href  //當前瀏覽器的完整url
            pathname      //url主機名稱後的部分，如www.qq.com/news/index.aspx  將放回/news/index.aspx
            port            //連接埠
            protocol      //url中使用的協議，http://或者ftp://
            search         //將返回?後（包括?）的內容
         b.reload()方法
            重新整理當前頁面，加入true參數將從伺服器段重載
    4.navigator對象和screen對象
            不常用