公司要求我在一個辦公系統上加上提示功能, 我研究了很久,嘗試了很多種方法.使用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 ([parameters])
2.屬性
document
popupobject.document
這個屬性是創建腳本到Popup對象的唯一入口.例如
popobj.document.body.style.border=”solid 1px #000000″ 我們就可以給彈出窗口設置了一般邊框.
isOpen
popupobject.isOpen
返回值:Boolean
如果彈出窗口可見,isOpen就返回True ,否則就是False.
3.方法
hide()
popupobject.hide()
提示,如果你想在彈出的窗口加上一個關閉本身的按鈕,可以這麼做: 假設 彈出窗口的名字是 popobj,那麼就要用 parent.popobj.hide() 來關閉自己
show(left,top,width,height[,positioningElementRef])
默認left,top為0,是顯示器顯示的區域坐標, width,height是窗口的寬和高.