JS點擊按鈕打開新的獨立頁面

工作中遇到需要點擊按鈕彈出一個獨立的頁面,並顯示指定內容的問題,查了一些資料後,得到以下方法:

 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爲允許;
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章