Javascript教學:深入學習PopUp對象

Javascript教學:深入學習PopUp物件

公司要求我在一個辦公室系統上加上提示功能, 我研究了很久,嘗試了很多種方法.使用window.open來定時提示, 可是不過多久,客戶就不耐煩得說,彈出窗口太繁了.於是我想到了用CreatePopup()的方法,不過問題來了,既然是一個辦公系統,要考慮到兼容性問題,不考慮到網景瀏覽器,我們得考慮IE 5.0 和IE 5.5的問題.IE 5.0不支援CreatePopup的方法, 還是只能用Window.open來模擬. 於是我寫了兩個提示框的實作方法分別使用瀏覽器版本的判斷而使用對應的方法.提示框效果和MSN的提示效果一樣,不過在IE 5.0是用window.open來代替CreatePopup().

window.open的MSN提示框效果要在IE 5.0以下的版本才能看到.

好了廢話了那麼多,我們來研究一下Popup對象

popup對像是一個無邊框的窗口,它置頂於任何窗口,它必須要用腳本來控制,通過javascript我們可以控制他出現的位置,也可以往裡面寫內容.注意:如果固定了大小後,內容超出顯示範圍,不會出現滾動條,如果用戶在外面點擊,它就自動消失了.它使用parent 屬性來訪問打開它的的窗口.

1.語法

建立popup物件;

var popupobj=window.createPopup()

從建立彈出視窗的文件中存取popup物件的屬性與方法:

popupobj.property method ([paraparameters))

。

document
popupobject.document

這個屬性是創建腳本到Popup物件的唯一入口.例如

popobj.document.body.style.border=”solid 1px #0000000″ 我們就可以給彈出視窗設定了一般視窗設定了一般視窗設定。 .

isOpen
popupobject.isOpen
回傳值:Boolean

如果彈出視窗可見,isOpen就回傳True ,否則就是False.

3.方法

你要在彈出的視窗加上一個關閉本身的按鈕,可以這麼做: 假設彈出視窗的名字是popobj,那麼就要用parent.popobj.hide() 來關閉自己

show(left,top,width, height[,positioningElementRef])

預設left,top為0,是顯示器顯示的區域座標, width,height是視窗的寬和高.

以上就是Javascript教學:深入學習PopUp物件的內容，更多相關文章請關注PHP中文網（www.php.cn）！