Web: 使用Javascript新开一个浏览器标签而不是新开一个窗口

很多浏览器对新开弹出窗口进行了限制，popup窗口在默认情况下会被block掉。

这样可能会造成按钮/链接/脚本不工作的假象。

window.open("http:www.techbrood.com","_blank")

以上JS语句是想新开一个窗口而不是在原有的窗口上跳转，这在分享内容时经常见到。

究竟是弹窗还是新建标签页是由浏览器的设置决定的，并不由第二个参数_blank而确定。

如果用户浏览器的设置是弹出新的窗口，那么JS脚本无法影响这种情况下的行为。

如果用户浏览器的设置是新开一个标签页（最新的主流浏览器基本上默认情况下都是这个设置），

那么可以通过JS脚本来控制新建标签还是新建窗口的行为，必须是在click事件的处理过程中，代码如下：

[javascript] view plain copy

<a class="link">Link</a>
<script type="text/javascript">
$("a.link").on("click",function(){
window.open('www.techbrood.com','_blank');
});
</script>

上述语句可以达到和如下静态html代码相同的效果：

如果在click事件中使用了ajax请求，那么注意ajax默认的异步请求模式会让click事件失去时效，

所以如果要达到新建标签页的效果，务必保证async参数为false。

Web: 使用Javascript新开一个浏览器标签而不是新开一个窗口相关推荐

WEB开发 JavaScript
WEB开发 JavaScript 1,JavaScript简介 web前端有三层: HTML:从语义的角度,描述页面的结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角 ...
Chrome浏览器电商账号多开防关联工具-VMLogin中文版防关联浏览器
浏览器指纹是指仅通过浏览器的各种信息,如系统字体.屏幕分辨率.浏览器插件,无需 cookie 等技术,就能近乎绝对定位一个用户,就算使用浏览器的隐私窗口模式,也无法匿名.而 Browserprint ...
SpringCloud工作笔记072---同一浏览器上不同标签页_tab页或者同一浏览器新开一个浏览器窗口也能实现单点登录_单点登录_localStorage_sessionStorage
JAVA技术交流QQ群:170933152 注意用localStorage,存的token不会失效,可以在关闭浏览器的时候,清除或者设置一下过期时间,怎么做可以百度注意:sessionStorage ...
vue项目点击左侧子菜单，打开一个新的浏览器标签页
在项目开发中,产品给了这样一个需求:点击左侧子菜单,在浏览器中打开一个新的标签页,展示数据大屏.在此写个随笔记录下实现过程. 思路:使用编程式导航实现页面跳转,我们常用的是 $router.push ...
小白也能看懂的 Web 前端入门文章（一个浏览器的自白）
标题:一个浏览器的自白小 C:"Nginx 大哥,你在吗?" Nginx:"Chrome 小老弟,我在呢!你准备好了吗?" 小 C:"我准备好了,开 ...
Flutter web 滚动循环 title（Flutter Web端滚动显示浏览器标签页名）
应用场景:一般用于页面收到新消息通知时,或者正在播放音视频时浏览器标签页会循环显示标签名称,以达到提醒或表示正在进行的效果. Flutter 代码 /*** 修改html的title {repeat ...
Chrome浏览器中页面在新的标签页打开
最近一直在使用谷歌浏览器(你还在百度?)发现Chrome默认是在本页面打开链接,这点我很不爽.在上网找了以下四种方法: 1.用鼠标中键(也就是滚轮)打开链接. 2.按住Ctrl键的同时单击链接. 3. ...
google浏览器中页面在新的标签页打开
最近一直在使用谷歌浏览器(你还在百度?)发现Chrome默认是在本页面打开链接,这点我很不爽.在上网找了以下四种方法: 1.用鼠标中键(也就是滚轮)打开链接. 2.按住Ctrl键的同时单击链接. 3. ...
selenium，设置火狐浏览器下载文件时不要弹出弹框问题、以标签页打开新的页面及设置失效问题
使用火狐浏览器做自动化时, 1.火狐浏览器下载文件会弹出弹框,可以通过设置火狐浏览器不要弹出弹框的方式,来完成自动化测试 def setup_method(self):# 创建一个存放自定义浏览器配置 ...

Web: 使用Javascript新开一个浏览器标签而不是新开一个窗口

Web: 使用Javascript新开一个浏览器标签而不是新开一个窗口相关推荐

最新文章

热门文章