1. 程式人生 > >BOM 瀏覽器物件模型_window 物件的常見屬性_

BOM 瀏覽器物件模型_window 物件的常見屬性_

常用屬性

  • window.devicePixelRatio        畫素比 = css / 物理畫素
  • window.scrollX,window.scrollY    滾動條 捲曲距離
  • if (window.scrollY < 75) {
        window.scroll(0, 75);
    }

獲取瀏覽器元件物件

  • window.locationbar        位址列物件
  • window.menubar        
    選單欄物件
  • window.scrollbars        視窗的滾動條物件
  • window.toolbar        工具欄物件
  • window.statusbar        狀態列物件
  • window.personalbar        使用者安裝的個人工具欄物件

全域性物件屬性

  • window.document       
     指向 document 物件。注意,這個屬性有同源限制。只有來自同源的指令碼才能讀取這個屬性。
  • window.location        指向 Location 物件,用於獲取當前視窗的 URL 資訊。它等同於 document.location 屬性
  • window.navigator        指向 Navigator 物件,用於獲取環境資訊
  • window.history        指向 History 物件,表示瀏覽器的瀏覽歷史
  • window.localStorage        指向本地儲存的 localStorage 資料
  • window.sessionStorage        指向本地儲存的 sessionStorage 資料
  • window.console        指向 console 物件,用於操作控制檯
  • window.screen        指向 Screen 物件,表示螢幕資訊
  • window.isSecureContext 屬性返回一個布林值,表示當前視窗是否處在加密環境

如果是 HTTPS 協議,就是 true,否則就是 false

彈出不同的對話方塊

  • window.alert()

只有一個“確定”按鈕,往往用來通知使用者某些資訊

對話方塊彈出期間,瀏覽器視窗處於凍結狀態,如果不點“確定”按鈕,使用者什麼也幹不了

引數只能是字串,沒法使用 CSS 樣式,但是可以用\n指定換行

  • window.prompt()

彈出的對話方塊,提示文字的下方,還有一個輸入框,要求使用者輸入資訊,並有“確定”和“取消”兩個按鈕。

它往往用來獲取使用者輸入的資料

  • window.confirm()

1

5

5

5

5

5

5

5

5

5

5