工作中遇到需要點擊按鈕彈出一個獨立的頁面,並顯示指定內容的問題,查了一些資料後,得到以下方法:
window.open('locationPage.html', '_blank', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')
- locationPage.html將在新窗口中打開(_blank屬性控制,詳細資料見a標籤的target屬性),高爲100,寬爲400,距頁面頂0象素,頁面左0象素,無工具條,無菜單條,無滾動條,不可調整大小,無地址欄,無狀態欄。
open()方法效果同window.open()方法,但是建議用window.open()。
參數解釋:
- window.open 彈出新窗口的命令;
- ‘locationPage.html’ 彈出窗口的文件名,相對路徑絕對路徑都可以;
- ‘_blank’ 彈出新的獨立窗口,非必須,可用空”代替,默認是’_self’;
- height=100 窗口高度;
- width=400 窗口寬度;
- top=0 窗口距離屏幕上方的象素值;
- left=0 窗口距離屏幕左側的象素值;
- toolbar=no 是否顯示工具欄,yes爲顯示;
- menubar=no 是否顯示菜單欄,yes爲顯示;
- scrollbars=no 是否顯示滾動欄,yes爲顯示;
- resizable=no 是否允許改變窗口大小,yes爲允許;
- location=no 是否顯示地址欄,yes爲允許;
- status=no 是否顯示狀態欄內的信息(通常是文件已經打開),yes爲允許;
- alwaysLowered 窗口隱藏在所有窗口之後,yes爲允許;
- alwaysRaised 窗口懸浮在所有窗口之上,yes爲允許;
- depended 是否和父窗口同時關閉,yes爲允許;
- titlebar 窗口題目欄是否可見,yes爲允許;
- z-look 窗口打開後是否浮在所有窗口之上,yes爲允許;