javascript BOM基本知識

1.BOM(Bowser Object Model瀏覽器對象模型)

　　瀏覽器建立的對象一般稱做文檔(Document)對象,它是瀏覽器使用的衆多對象的一部分，瀏覽器操做的對象結合起來稱做瀏覽器對象模型(Bowser Object Mode),簡稱BOM。

2.window 對象是頂層對象，它包含了有關文檔的窗口信息

2.1 document對象

• document對象集合
  • anchors[]      //錨地對象數組
  • images[]       //圖片對象數組
  • links[]           //鏈接對象數組
  • form[]           // 表單對象數組
• document對象屬性
  • cookie           //設置或返回當前文檔有關的全部cookie
  • domain         //返回當前文檔的域名，用於安全目的，字符串類型
  • referrer         //返回載入當前文檔的URL
  • title              // 返回當前文檔的標題
  • URL             //返回當前文檔的URL
  • bgColor        //設置文檔的背景顏色
  • fgColor         //設置文檔的前景顏色
  • linkColor       //設置未訪問鏈接顏色
  • vlinkColor     //設置已訪問鏈接顏色
• document對象方法
  • open()          //打開一個新的文檔，並擦除舊文檔內容
  • close()          //關閉open()打開的文檔輸出流
  • write()          //向當前文檔插入字符串或在open()打開文檔末尾添加字符串
  • writeln()        //與write()相同，只是在輸出字符串末尾添加回車換行字符串

2.2 screen對象（顯示器對象）

• screen對象屬性
  • availHeight   // 屏幕可用高度，單位:px
  • availWidth   //屏幕可用寬度 
  • height         //屏幕高度 
  • width          // 屏幕寬度 
  • colorDepth  //顏色深度，使用像素位數表示

 

2.3 location對象（位置對象）

• location對象屬性
  • hash                //設置或返回從#開始的URL
  • host                //設置或返回主機名和當前URL端口號
  • hostname        //設置或返回當前URL的主機名
  • href                //設置或返回完整的URL
  • pathname        //設置或返回當前URL的路徑部分
  • Port                //設置或返回當前URL的端口部分
  • protocol          //設置或返回當前URL的協議
  • search            //設置或返回從？開始的URL
• location對象的方法
  • reload(force)   //從新加載當前頁面，參數force是可選參數，其值爲true時，強制完成加載
  • replace(url)     //使用指定URL替換當前頁面，但不在瀏覽器歷史中產生新的登記項，這是該方法與爲href屬性賦值的不一樣之處
  • assign(URL)    // 加載新的文檔

2.4 history對象（歷史對象）

• history對象方法
  • back()            // 返回到用戶剛訪問過的頁面
  • forward()       // 返回下一個頁面
  • go(n)            //  跳轉到相對於當前頁面的第n個URL表示的頁面，正值表示前進，負值表示後退。go(-1)等價於back()

2.5 窗口控制

• moveBy(dx,dy)                   //將窗口從當前位置移動指定的距離
• moveTo(x,y)                      //將當前窗口移動到指定位置
• resizeBy(dw,dh)                 // 將窗口縮放指定的量
• resizeTo(width,height)        //將窗口大小修改成指定的寬度和高度
• scrollBy(dx,dy)                   //將窗口內容滾動指定的量
• scrollTo(x,y)                      //將窗口內容滾動到指定位置

2.6 焦點控制

• focus   //獲得焦點
• blur     //移除焦點

2.7 打開和關閉窗口

• 打開窗口
  • 語法：open("URL","窗口名稱"，"窗口風格")
  • 功能：打開一個行的窗口，並在窗口中載入指定URL地址的頁面
  • 窗口風格：height(窗口高度) 、width(窗口寬度)、left(窗口左座標)、top(窗口上座標)、location（yes |no）是否顯示地址欄、menubar(yes |  no) 是否顯示菜單欄、resizable(yes |  no) 是否能夠改變窗口大小、scrollbars(yes  |no)  是否容許出現滾動條、status(yes  |no)  是否容許顯示狀態欄、toolbar(yes |no)是   否顯示工具欄
• 關閉窗口
  • close()
  • 功能：自動關閉窗口

2.8 定時器

• setTimeout(執行代碼，毫秒數)               //到了指定的毫秒數，自動執行功能代碼
• clearTimeout(定時器)                           //取消由setTimeout()設置的定時器
• setInterval(重複執行代碼，毫秒數)          //按指定週期重複執行功能代碼
• clearInterval(時間間隔器)                      // 取消由setInterval()設置的時間間隔器

2.9 對話框 

• alert("提示字符串")                         //彈出一個警告框，在警告框中顯示提示字符
• confirm("提示字符串")                     // 彈出一個確認框，在確認框中顯示提示字符，當用戶點擊」確認「按鈕時返回true，點擊」取消「時返回false
• prompt("提示字符串"，"缺省文本")     //彈出一個輸入框，在輸入框中顯示提示字符串，在輸入文本框中顯示缺省文本，並等待用戶輸入，當用戶點擊"肯定"返回用                                                        戶輸入字符串，點擊"取消"，返回null

2.10 屬性

• 狀態欄
  • defaultStatus               //改變瀏覽器狀態欄默認顯示
  • status                         //臨時改變瀏覽器狀態欄顯示
• 窗口位置

• • IE瀏覽器  
    • scrollLeft  |  scrollTop                                                                                               //窗口左上角X座標，Y座標
    • document.documentELement.scrollLeft/scrollTop  或document.body.scrollLeft/scrollTop   //當前文檔向右、向下滾動的像素
  • Firefox瀏覽器
    • innerHeight  |    innerWidth          //返回窗口的文檔顯示區的高度和寬度(不包括菜單欄、工具條、滾動條)  單位：px
    • outHeight    |     outWidth           //返回窗口總的高度和寬度(包括菜單欄、工具條、滾動條)  單位：px
  • !IE瀏覽器
    • screenX   |    screenY           //窗口左上角X座標、Y座標
    • pageXoffset  |pageYoffset    //當前文檔向右、向下滾動的像素

• 其餘屬性
  • name       //設置或返回窗口名稱
  • self          // 返回對當前窗口的引用
  • closed      // 當窗口關閉時返回true
  • opener 

2.11 navigator對象（導航器對象）

• navigator對象屬性
  • appCodeName       //返回瀏覽器的代碼名
  • appNode               //返回瀏覽器名稱
  • appVersion           //返回瀏覽器平臺和版本信息
  • cookieEnabled       //返回瀏覽器中是否啓用cookie的布爾值，打開時，其值爲true，不然爲false
  • platform               //返回瀏覽器運行的操做系統平臺
  • userAgent            //返回瀏覽器在HTTP請求中使用的用戶代理首部的值
• navigator對象方法
  • javaEnabled()        //若是瀏覽器支持java，並打開了對java的支持則返回true，不然返回false