打开新窗口的方式有哪些

在链接上单击右键，然后选择「在新窗口打开链接」或者「在新标签打开链接」
按住键盘上的 Ctrl/Command 单击链接，新标签打开链接
<a href="...." target="_blank">
window.open()

下面仅介绍window.open的使用

window.open 的参数介绍

语法：

let windowObjectReference = window.open(strUrl, strWindowName, [strWindowFeatures]);

参数说明：

strUrl：可选，新窗口需要载入的url地址。strUrl可以是web上的html页面也可以是图片文件或者其他任何浏览器支持的文件格式。
strWindowName：可选，新窗口的名称。该字符串可以用来作为超链接 <a> 或表单<form> 元素的目标属性值。字符串中不能含有空白字符。注意：strWindowName 并不是新窗口的标题。
strWindowFeatures：可选，列出新窗口的特征(大小，位置，滚动条等)作为一个DOMString。

第一个参数，如果没有指定URL，打开一个新的空白窗口。

第二个参数指定target属性或窗口的名称。支持以下值：

_blank URL加载到一个新的窗口。这是默认
_parent URL加载到父框架
_self URL替换当前页面
_top URL替换任何可加载的框架集
name 窗口名称，相同名称会直接替换显示页面

第三个参数我们用的比较少，详细说明可参考
window.open 参数3介绍

使用示例

下面的示例仅在chrome浏览器测试。

window.open使用示例

参考

在新窗口中打开页面？小心有坑！
Window open() 方法
弹窗和 window 的方法

使用 window.open 打开新窗口相关推荐

window.open 打开新窗口被拦截的其他解决方法
使用window.open 打开新窗口容易被浏览器拦截,可以使用下面的方法解决 if ($("#jiedaitype").val() == "1") { ...
window.open打开新窗口被浏览器拦截的处理方法
一般我们在打开页面的时候, 最常用的就是用<a>标签,如果是新窗口打开就价格target="_blank"属性就可以了, 如果只是刷新当前页面就用window.loca ...
使用window.open打开新窗口被谷歌浏览器拦截
在写后台动态传前台资源链接的时候,需要用到,返回后直接在新窗口打开.开发使用的谷歌浏览器,使用window.open(),测试的时候,发现总是被拦截,这这里记录下解决的方法. 找了写资料,说是当非用户 ...
JS window.open()打开新窗口、监听页面打开关闭状态（详细）
使用 window 对象的 open() 方法可以打开一个新窗口.用法如下: window.open (URL, name, features, replace) 参数列表如下: URL:可选字符串, ...
window.open()打开新窗口被浏览器拦截
原因:在浏览器的安全机制里面,非用户触发的window.open方法,是会被拦截的. 经过实际测试,Chrome.IE不会拦截,FireFox会拦截. //不会被拦截 $('#btn').click( ...
php打开js文件怎么打开新窗口打开,JS window.open()打开新窗口（非常详细）
使用 window 对象的 open() 方法可以打开一个新窗口.用法如下: window.open (URL, name, features, replace) 参数列表如下: URL:可选字符串, ...
微信公众号第三方登录window.open打开新窗口和url携带http网址参数base64转码传参
原文链接:https://dsx2016.com/?p=1109 公众号:大师兄2016 需求场景微信第三台平台只能绑定一个域名. 当从另一个域名下的系统进行绑定操作时,只能以打开指定域名的方式进行 ...
angular2 页面中使用window.open打开新窗口后，新页面document.addEventListener visibilitychange事件不生效（谷歌浏览器）
如题目所述,在原来页面中,使用window.open打开新页面链接,新页面中需要实现浏览器窗口切换时,监听当前窗口切换超过几次进行提醒,新窗口监听事件如下 if (document.hidden != ...
JS window 对象打开新窗口
一.window.open() window.open(URL,name,specs,replace) 功能描述: 使用 window.open()方法既可以导航到一个特定的 URL,也可以打开一个新 ...

使用 window.open 打开新窗口

打开新窗口的方式有哪些

window.open 的参数介绍

使用示例

参考

使用 window.open 打开新窗口相关推荐

最新文章

热门文章