JS點擊按鈕打開新的標簽頁,工作中遇到需要點擊按鈕打開一個或多個,需要用到window.open()
工作中我們可能需要打開多個,看以下代碼:
var data = [{ "id": 1 }, { "id": 2 }, { "id": 2 }];
$.each(data, function (i,v) {
window.open('locationPage.html?id='+v.id, '_blank')
})
這個時候以上代碼肯定會打開多個,問題來了,有些小伙伴死活只能打開一個新頁面,怎么解決呢?很簡單
解決方法:
比如谷歌:進入瀏覽器的設置 找到彈出式窗口和重定向 設置為允許就好了
- locationPage.html將在新窗口中打開(_blank屬性控制,詳細資料見a標簽的target屬性),高為100,寬為400,距頁面頂0象素,頁面左0象素,無工具條,無菜單條,無滾動條,不可調整大小,無地址欄,無狀態欄。
-
參數解釋:
- 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為允許;