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 相关文章推荐
判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明
Feb 18 Javascript
jquery png 透明解决方案(推荐)
Aug 21 Javascript
jquery 定位input元素的几种方法小结
Jul 28 Javascript
jquery用offset()方法获得元素的xy坐标
Sep 06 Javascript
Google 地图类型详解及示例代码
Aug 06 Javascript
jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】
Mar 04 Javascript
vue 项目中使用Loading组件的示例代码
Aug 31 Javascript
解决vue-cli脚手架打包后vendor文件过大的问题
Sep 27 Javascript
如何为vuex实现带参数的 getter和state.commit
Jan 04 Javascript
vue-mugen-scroll组件实现pc端滚动刷新
Aug 16 Javascript
vue-cli3单页构建大型项目方案
Apr 07 Javascript
vue项目实现多语言切换的思路
Sep 17 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
PHP4实际应用经验篇(8)
2006/10/09 PHP
php的ajax框架xajax入门与试用介绍
2010/12/19 PHP
解析thinkphp的左右值无限分类
2013/06/20 PHP
php上传文件中文文件名乱码的解决方法
2013/11/01 PHP
3个PHP多维数组转为一维数组的方法实例
2014/03/13 PHP
PHP7新增运算符用法实例分析
2016/09/26 PHP
php实现的pdo公共类定义与用法示例
2017/07/19 PHP
使用Javascript和DOM Interfaces来处理HTML
2006/10/09 Javascript
Javascript堆排序算法详解
2014/12/03 Javascript
JavaScript中的this关键字使用方法总结
2015/03/13 Javascript
JavaScript显示表单内元素数量的方法
2015/04/02 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
2015/08/27 Javascript
jquery 判断是否支持Placeholder属性的方法
2017/02/07 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
2017/06/16 Javascript
JavaScript数据结构之双向链表和双向循环链表的实现
2017/11/28 Javascript
Vue.js实现的表格增加删除demo示例
2018/05/22 Javascript
Bootstrap Table 双击、单击行获取该行及全表内容
2018/08/31 Javascript
关于layui的下拉搜索框异步加载数据的解决方法
2019/09/28 Javascript
24行JavaScript代码实现Redux的方法实例
2019/11/17 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
2020/07/28 Javascript
django实现分页的方法
2015/05/26 Python
fastcgi文件读取漏洞之python扫描脚本
2017/04/23 Python
selenium python 实现基本自动化测试的示例代码
2019/02/25 Python
python openpyxl使用方法详解
2019/07/18 Python
解决python 文本过滤和清理问题
2019/08/28 Python
Django实现文章详情页面跳转代码实例
2020/09/16 Python
python合并多个excel文件的示例
2020/09/23 Python
python 用struct模块解决黏包问题
2020/11/07 Python
挪威手表购物网站:Klokker
2016/09/19 全球购物
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
澳洲健康食品网上商店:Aussie Health Products
2018/06/15 全球购物
Tomcat Mysql datasource数据源配置
2015/12/28 面试题
杭州-飞时达软件有限公司.net笔面试
2012/04/28 面试题
CAD制图人员的自荐信
2014/02/07 职场文书
陈安之励志演讲稿
2014/08/21 职场文书
2014年教研工作总结
2014/12/06 职场文书