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 相关文章推荐
JS无限树状列表实现代码
Jan 11 Javascript
jQuery对象与DOM对象转换方法详解
May 10 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
Dec 28 Javascript
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
Dec 31 Javascript
微信小程序 五星评分的实现实例
Aug 04 Javascript
Vue项目中quill-editor带样式编辑器的使用方法
Aug 08 Javascript
JS实现页面打印(整体、局部)
Aug 18 Javascript
10行原生JS实现文字无缝滚动(超简单)
Jan 02 Javascript
Vue中的混入的使用(vue mixins)
Jun 01 Javascript
微信小程序自定义prompt组件步骤详解
Jun 12 Javascript
vue组件化中slot的基本使用方法
May 01 Javascript
简单了解Ajax表单序列化的实现方法
Jun 14 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
javascript flash下fromCharCode和charCodeAt方法使用说明
2008/01/12 Javascript
jQuery.Validate 使用笔记(jQuery Validation范例 )
2010/06/25 Javascript
js处理表格对table进行修饰
2014/05/26 Javascript
解决checkbox的attr(checked)一直为undefined问题
2014/06/16 Javascript
jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
2015/09/19 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
2016/09/23 Javascript
原生js实现新闻列表展开/收起全文功能
2017/01/20 Javascript
node.js实现的装饰者模式示例
2017/09/06 Javascript
Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数
2017/09/11 Javascript
JS实现用特殊符号替换字符串的中间部分区域的实例代码
2018/07/24 Javascript
Vue动态组件与异步组件实例详解
2019/02/23 Javascript
微信小程序Flex布局用法深入浅出分析
2019/04/25 Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
2019/11/06 Javascript
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
深入理解Python中装饰器的用法
2016/06/28 Python
Python开发微信公众平台的方法详解【基于weixin-knife】
2017/07/08 Python
Python之pandas读写文件乱码的解决方法
2018/04/20 Python
python 获取utc时间转化为本地时间的方法
2018/12/31 Python
python plotly绘制直方图实例详解
2019/07/22 Python
python用win32gui遍历窗口并设置窗口位置的方法
2019/07/26 Python
Python文件操作函数用法实例详解
2019/12/24 Python
Python模拟伯努利试验和二项分布代码实例
2020/05/27 Python
python通过函数名调用函数的几种场景
2020/09/23 Python
CSS3 border-radius圆角的实现方法及用法详解
2020/09/14 HTML / CSS
Probikekit日本:自行车套件,跑步和铁人三项装备
2017/04/03 全球购物
实习老师个人总结的自我评价
2013/09/28 职场文书
职业生涯规划设计步骤
2014/01/12 职场文书
大学四年的个人自我评价
2014/01/14 职场文书
40岁生日感言
2014/02/15 职场文书
护理学专业求职信
2014/06/29 职场文书
公司周年庆活动方案
2014/08/25 职场文书
高中物理教学反思
2016/02/19 职场文书
MySQL单表千万级数据处理的思路分享
2021/06/05 MySQL
教你使用Python获取QQ音乐某个歌手的歌单
2022/04/03 Python
python创建字典及相关管理操作
2022/04/13 Python
vue elementUI批量上传文件
2022/04/26 Vue.js