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中call()方法引发的对面向对象继承机制call的思考
Sep 12 Javascript
使用Math.floor与Math.random取随机整数的方法详解
May 07 Javascript
利用JS延迟加载百度分享代码,提高网页速度
Jul 01 Javascript
JavaScript中双叹号(!!)作用示例介绍
Apr 10 Javascript
VUEJS实战之修复错误并且美化时间(2)
Jun 13 Javascript
获取IE浏览器Cookie信息的方法
Jan 23 Javascript
vue项目中用cdn优化的方法
Jan 03 Javascript
JavaScript设计模式之构造函数模式实例教程
Jul 02 Javascript
JavaScript引用类型RegExp基本用法详解
Aug 09 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
Dec 21 Javascript
Vue微信公众号网页分享的示例代码
May 28 Javascript
Vue watch响应数据实现方法解析
Jul 10 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的ob_start();控制您的浏览器cache!
2006/11/25 PHP
PHP中文处理 中文字符串截取(mb_substr)和获取中文字符串字数
2011/11/10 PHP
php可应用于面包屑导航的迭代寻找家谱树实现方法
2015/02/02 PHP
PHP给文字内容中的关键字进行套红处理
2016/04/12 PHP
yii2简单使用less代替css示例
2017/03/10 PHP
PHP使用微信开发模式实现搜索已发送图文及匹配关键字回复的方法
2017/09/13 PHP
基于ThinkPHP5框架使用QueryList爬取并存入mysql数据库操作示例
2019/05/25 PHP
php7下的filesize函数
2019/09/30 PHP
laravel-admin解决表单select联动时,编辑默认没选上的问题
2019/09/30 PHP
js post方式传递提交的实现代码
2010/05/31 Javascript
Js组件的一些写法
2010/09/10 Javascript
浅谈Javascript嵌套函数及闭包
2010/11/09 Javascript
获取服务器传来的数据 用JS去空格的正则表达式
2012/03/26 Javascript
Firefox中beforeunload事件的实现缺陷浅析
2012/05/03 Javascript
javascript跨域的方法汇总
2015/10/23 Javascript
动态JavaScript所造成一些你不知道的危害
2016/09/25 Javascript
video.js 实现视频只能后退不能快进的思路详解
2018/08/09 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
2018/09/18 Javascript
原生js实现文件上传、下载、封装等实例方法
2020/01/05 Javascript
vue微信分享插件使用方法详解
2020/02/18 Javascript
[01:02:10]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第一局
2016/02/26 DOTA
python使用append合并两个数组的方法
2015/04/28 Python
pygame游戏之旅 计算游戏中躲过的障碍数量
2018/11/20 Python
在pycharm上mongodb配置及可视化设置方法
2018/11/30 Python
python pygame实现方向键控制小球
2019/05/17 Python
详解利用Python scipy.signal.filtfilt() 实现信号滤波
2019/06/05 Python
在Anaconda3下使用清华镜像源安装TensorFlow(CPU版)
2020/04/19 Python
解决TensorFlow程序无限制占用GPU的方法
2020/06/30 Python
HTML5使用ApplicationCache接口实现离线缓存技术解决离线难题
2012/12/13 HTML / CSS
全球性的在线婚纱礼服工厂:27dress.com
2019/03/21 全球购物
俄罗斯领先的移动和数字设备在线商店:Svyaznoy.ru
2020/12/21 全球购物
小学语文教学反思
2014/02/10 职场文书
讲文明树新风演讲稿
2014/05/12 职场文书
建筑安全标语
2014/06/07 职场文书
2014年驻村干部工作总结
2014/11/17 职场文书
培训督导岗位职责
2015/04/10 职场文书