1. 程式人生 > >Javascript高階程式設計學習筆記(28)—— BOM(2)window物件2

Javascript高階程式設計學習筆記(28)—— BOM(2)window物件2

今天講一下window物件和瀏覽器導航,彈窗等有關的內容

 

導航和開啟視窗

 

window.open() 用於導航到某個特定 url

該方法接收四個引數

1、url

2、視窗目標(當頁面中有多個框架frame,用於指定哪個視窗開啟第一個引數的url)

3、特性字串(用於規定新視窗的相關特性)

4、新頁面是否取代瀏覽器歷史記錄中當前頁面

 

這個特性字串有以下可選值

1、fullscreen 是否全屏(IE有效)

2、height 數值

3、left 數值

4、location 是否顯示位址列(該特性可能會被瀏覽器禁用)

5、menubar 是否顯示選單欄

6、resizable 是否可以拖動改變視窗大小

7、scrollbars 是否允許滾動條

8、status  是否顯示狀態列

9、toolbar 是否顯示工具欄

10、top 數值

11、width 數值

這些特性由 , 隔開

該方法返回新視窗的引用,通過該引用可以使用close、moveTo、moveBy、resizeTo、resizeBy來進一步操控

 

可以通過該返回值的opener屬性訪問呼叫window.open 方法的視窗

若將該屬性設為null那麼新開啟的視窗和原來的視窗之間將無法進行通訊,且無法恢復

 

安全設定

由於該方法常被用於偽裝成系統彈窗打廣告,所以現代瀏覽器添加了許多安全測試

在剛才的特性中許多特性都被瀏覽器限制了,不能修改

比如顯示位址列等

所以這個方法現在並不常用

大家不用在意

 

定時器

setTimout、setInterval

大家都知道JS是一個單執行緒語言,那麼這種延時呼叫是怎麼實現的呢?

這就涉及到了事件迴圈等概念

後邊介紹事件的時候再詳細解釋

 

系統對話方塊

瀏覽器有三種類型的對話方塊

可以通過三個方法來呼叫

1、alert 顯示資訊只有確定按鈕

2、confirm 顯示資訊有確定、取消按鈕 該方法有返回值即確定為true,取消為false

3、promt 讓使用者在該彈框中輸入值,返回值為使用者的輸入,該方法兩個引數(1、提示資訊 2、彈窗中的文字輸入框的提示資訊placeholder)

PS、關於彈框還有一個關於谷歌的特性,如果JS執行時會開啟多個彈窗,那麼從第二個彈窗開始會有個複選框

讓使用者選擇是否跳過後續的彈窗

 

以上就是關於JS中window物件的內容