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为允许;