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 相关文章推荐
javascript IE中的DOM ready应用技巧
Jul 23 Javascript
JavaScript 解析Json字符串的性能比较分析代码
Dec 16 Javascript
Array.prototype.slice 使用扩展
Jun 09 Javascript
javascript学习笔记(八) js内置对象
Jun 19 Javascript
JS弹出层遮罩,隐藏背景页面滚动条细节优化分析
Apr 29 Javascript
JavaScript中Form表单技术汇总(推荐)
Jun 26 Javascript
javascript 判断当前浏览器版本并判断ie版本
Feb 17 Javascript
详解react服务端渲染(同构)的方法
Sep 21 Javascript
在vue项目中使用element-ui的Upload上传组件的示例
Feb 08 Javascript
浅谈vuejs实现数据驱动视图原理
Feb 23 Javascript
新手必须知的Node.js 4个JavaScript基本概念
Sep 16 Javascript
Vue——前端生成二维码的示例
Dec 19 Vue.js
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
CI框架简单邮件发送类实例
2016/05/18 PHP
修改Laravel自带的认证系统的User类的命名空间的步骤
2019/10/15 PHP
Javascript里使用Dom操作Xml
2006/09/20 Javascript
jQuery .tmpl(), .template()学习资料小结
2011/07/18 Javascript
document.all的一个比较完整的总结及案例
2013/01/31 Javascript
document.documentElement的一些使用技巧
2013/04/18 Javascript
Jquery 模板数据绑定插件的使用方法详解
2013/07/08 Javascript
jquery获得同源iframe内body下标签的值的方法
2014/09/25 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
2015/07/20 Javascript
深入剖析JavaScript编程中的对象概念
2015/10/21 Javascript
基于jquery实现轮播焦点图插件
2016/03/31 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
2016/09/05 Javascript
AngularJS指令与指令之间的交互功能示例
2016/12/14 Javascript
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
jQuery设置图片等比例缩小的方法
2017/04/29 jQuery
js弹性势能动画之抛物线运动实例详解
2017/07/27 Javascript
VUE中的无限循环代码解析
2017/09/22 Javascript
微信小程序项目实践之验证码倒计时功能
2018/07/18 Javascript
vue表单验证你真的会了吗?vue表单验证(form)validate
2019/04/07 Javascript
生成无限制的微信小程序码的示例代码
2019/09/20 Javascript
详解Vue中的自定义指令
2020/12/07 Vue.js
python实现查找两个字符串中相同字符并输出的方法
2015/07/11 Python
Python简单网络编程示例【客户端与服务端】
2017/05/26 Python
Python编程实现蚁群算法详解
2017/11/13 Python
Python处理文本换行符实例代码
2018/02/03 Python
Python并行分布式框架Celery详解
2018/10/15 Python
python读文件的步骤
2019/10/08 Python
Python学习之os模块及用法
2020/06/03 Python
地图可视化神器kepler.gl python接口的使用方法
2020/12/22 Python
澳大利亚领先的在线葡萄酒零售商:Get Wines Direct
2018/03/27 全球购物
行政部主管岗位职责
2013/12/28 职场文书
工作会议欢迎词
2014/01/16 职场文书
霸王洗发水广告词
2014/03/14 职场文书
法定授权委托证明书
2014/09/27 职场文书
工作态度恶劣检讨书
2015/05/06 职场文书
话题作文之关于呼唤
2019/11/29 职场文书