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 相关文章推荐
css图片自适应大小
Nov 28 Javascript
深入理解JavaScript高级之词法作用域和作用域链
Dec 10 Javascript
JavaScript保存并运算页面中数字类型变量的写法
Jul 06 Javascript
全面了解addEventListener和on的区别
Jul 14 Javascript
jquery实现拖动效果
Aug 10 Javascript
jQuery阻止移动端遮罩层后页面滚动
Mar 15 Javascript
es6 字符串String的扩展(实例讲解)
Aug 03 Javascript
利用10行js代码实现上下滚动公告效果
Dec 08 Javascript
Vue.js 十五分钟入门图文教程
Sep 12 Javascript
微信小程序实现无限滚动列表
May 29 Javascript
史上最为详细的javascript继承(推荐)
May 18 Javascript
layui使用及简单的三级联动实现教程
Dec 01 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
apache2.2.4+mysql5.0.77+php5.2.8安装精简
2009/04/29 PHP
PHP高手需要要掌握的知识点
2014/08/21 PHP
WAMP环境中扩展oracle函数库(oci)
2015/06/26 PHP
PHP抓取网页、解析HTML常用的方法总结
2015/07/01 PHP
实例讲解php实现多线程
2019/01/27 PHP
document.compatMode介绍
2009/05/21 Javascript
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
2013/02/26 Javascript
关于jQuery参考实例 1.0 jQuery的哲学
2013/04/07 Javascript
JavaScript中的原始值和复杂值
2016/01/07 Javascript
javascript每日必学之多态
2016/02/23 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
2016/04/18 Javascript
JS实现匀加速与匀减速运动的方法示例
2017/09/04 Javascript
js实现HTML中Select二级联动的实例
2018/01/05 Javascript
详解webpack中的hash、chunkhash、contenthash区别
2018/01/05 Javascript
vue脚手架及vue-router基本使用
2018/04/09 Javascript
vue实现底部菜单功能
2018/07/24 Javascript
浅谈vue项目,访问路径#号的问题
2020/08/14 Javascript
通过实例解析javascript Date对象属性及方法
2020/11/04 Javascript
python输出当前目录下index.html文件路径的方法
2015/04/28 Python
Python高级用法总结
2018/05/26 Python
利用Anaconda简单安装scrapy框架的方法
2018/06/13 Python
使用Python制作自动推送微信消息提醒的备忘录功能
2018/09/06 Python
python实现最小二乘法线性拟合
2019/07/19 Python
如何使用django的MTV开发模式返回一个网页
2019/07/22 Python
在 Python 中接管键盘中断信号的实现方法
2020/02/04 Python
python去除删除数据中\u0000\u0001等unicode字符串的代码
2020/03/06 Python
Django+python服务器部署与环境部署教程详解
2020/03/30 Python
Keras自定义实现带masking的meanpooling层方式
2020/06/16 Python
医疗保健专业人士购物网站:Scrubs & Beyond
2017/02/08 全球购物
2015年秋季运动会加油稿
2015/07/22 职场文书
Nginx配置SSL证书出错解决方案
2021/03/31 Servers
golang判断key是否在map中的代码
2021/04/24 Golang
Java基础之线程锁相关知识总结
2021/06/30 Java/Android
数据库之SQL技巧整理案例
2021/07/07 SQL Server
MySQL修改默认引擎和字符集详情
2021/09/25 MySQL
古见同学有交流障碍症 第二季宣传CM公开播出
2022/04/11 日漫