window.open不被拦截的简单实现代码(推荐)


Posted in Javascript onAugust 04, 2016

实例如下:

$("#last").click(function(){
var w=window.open();
setTimeout(function(){
w.location="https://3water.com";
}, 1000);

return false;
});

window.open是javascript函数,该函数的作用是打开一个新窗口或这改变原来的窗口,如果你直接在js中调用window.open()函数去打开一个新窗口,浏览器会拦截你,那么如何避免呢,感兴趣的朋友可以了解下本文或许对你学习有所帮助

window.open是javascript函数,该函数的作用是打开一个新窗口或这改变原来的窗口,不过一般用来的是打开新窗口,因为修改原来的网页地址,可以有另一个函数,那就是window.location,他可以重定向网页地址,使网页跳转到另一个页面。

我现在要说的是window.open函数的几个使用策略,一般情况下,如果你直接在js中调用window.open()函数去打开一个新窗口,浏览器会拦截你,认为你将弹出广告等用户不想得到的窗体,所以如果不想让浏览器拦截你,你可以将这个函数改为用户点击时触发,这样浏览器就认为是用户想访问这个页面,而不是你直接弹出给用户。

所以常用的方法就是在超链接里加入onclick事件,如<a href="javascript:void(0)" onclick="window.open()"></a>这样用户点击这个超链接,浏览器会认为它是打开一个新的链接,所以就不会拦截。

可是有时候我们会遇到想要弹出一个窗口,可是却是在onckick事件执行后,才去弹出来的,这时就会被浏览器拦截,我们可以通过下面的方法来避免,就是先用window.open打开一个窗口,然后修改地址。如var tempwindow=window.open('_blank');打开一个窗口,然后用 tempwindow.location='https://3water.com';使这个窗口跳转到百度,这样就会呈现弹出百度窗口的效果了。

以上这篇window.open不被拦截的简单实现代码(推荐) 就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
Mar 05 Javascript
javascript 弹出的窗口返回值给父窗口具体实现
Nov 23 Javascript
JavaScript获取图片真实大小代码实例
Sep 24 Javascript
JavaScript获取当前网页最后修改时间的方法
Apr 03 Javascript
利用JQuery写一个简单的异步分页插件
Mar 07 Javascript
如何检测JavaScript的各种类型
Jul 30 Javascript
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】
Mar 06 Javascript
Angular2下使用pdf插件的方法详解
Apr 29 Javascript
详解vue.js的devtools安装
May 26 Javascript
react中的ajax封装实例详解
Oct 17 Javascript
js实现控制文件拖拽并获取拖拽内容功能
Feb 17 Javascript
微信小程序自定义单项选择器样式
Jul 25 Javascript
js实现多图左右切换功能
Aug 04 #Javascript
window.open打开窗口被拦截的快速解决方法
Aug 04 #Javascript
浅谈js中子页面父页面方法 变量相互调用
Aug 04 #Javascript
JS图片等比例缩放方法完整示例
Aug 03 #Javascript
JS获取url参数、主域名的方法实例分析
Aug 03 #Javascript
JavaScript中的冒泡排序法
Aug 03 #Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
Aug 03 #Javascript
You might like
PHP一些常用的正则表达式字符的一些转换
2008/07/29 PHP
php实现高效获取图片尺寸的方法
2014/12/12 PHP
php缓冲输出实例分析
2015/01/05 PHP
php实现统计网站在线人数的方法
2015/05/12 PHP
Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]
2008/09/26 Javascript
上传的js验证(图片/文件的扩展名)
2013/04/25 Javascript
nullJavascript中创建对象的五种方法实例
2013/05/07 Javascript
js中AppendChild与insertBefore的用法详细解析
2013/12/16 Javascript
jquery插件jquery倒计时插件分享
2013/12/27 Javascript
jquery无法设置checkbox选中即没有变成选中状态
2014/03/27 Javascript
7个去伪存真的JavaScript面试题
2016/01/07 Javascript
分享我对JS插件开发的一些感想和心得
2016/02/04 Javascript
Javascript自执行匿名函数(function() { })()的原理浅析
2016/05/15 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
2016/12/24 Javascript
利用node.js实现自动生成前端项目组件的方法详解
2017/07/12 Javascript
vue 2.x 中axios 封装的get 和post方法
2018/02/28 Javascript
postman+json+springmvc测试批量添加实例
2018/03/31 Javascript
JS div匀速移动动画与变速移动动画代码实例
2019/03/26 Javascript
js仿360开机效果
2019/12/26 Javascript
详解在Vue.js编写更好的v-for循环的6种技巧
2020/04/14 Javascript
基于Python在MacOS上安装robotframework-ride
2018/12/28 Python
Pyqt5 实现跳转界面并关闭当前界面的方法
2019/06/19 Python
python做接口测试的必要性
2019/11/20 Python
Python Django view 两种return的实现方式
2020/03/16 Python
Python selenium文件上传下载功能代码实例
2020/04/13 Python
什么是python的列表推导式
2020/05/26 Python
Pycharm插件(Grep Console)自定义规则输出颜色日志的方法
2020/05/27 Python
python中os.remove()用法及注意事项
2021/01/31 Python
日本PLST在线商店:日本时尚杂志刊载的人气服装
2016/12/10 全球购物
美国汽配连锁巨头Pep Boys官网:轮胎更换、汽车维修服务和汽车零部件
2017/01/14 全球购物
社区交通安全实施方案
2014/03/22 职场文书
大学生工作自荐书
2014/06/16 职场文书
党员查摆剖析材料
2014/10/10 职场文书
个人学习群众路线心得体会
2014/11/05 职场文书
组织生活会发言材料
2014/12/15 职场文书