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 相关文章推荐
如何将php数组或者对象传递给javascript
Mar 20 Javascript
jquery判断浏览器后退时候弹出消息的方法
Aug 11 Javascript
详解js中class的多种函数封装方法
Jan 03 Javascript
jQuery获取file控件中图片的宽高与大小
Aug 04 Javascript
利用node.js实现反向代理的方法详解
Jul 24 Javascript
jQuery中过滤器的基本用法示例
Oct 11 jQuery
canvas绘制爱心的几种方法总结(推荐)
Oct 31 Javascript
详解VUE自定义组件中用.sync修饰符与v-model的区别
Jun 26 Javascript
Vue 子组件与数据传递问题及注意事项
Jul 11 Javascript
JavaScript 自定义html元素鼠标右键菜单功能
Dec 02 Javascript
原生javascript单例模式的应用实例分析
Feb 23 Javascript
解决vue props传Array/Object类型值,子组件报错的情况
Nov 07 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下将XML转换为数组
2010/01/01 PHP
php 判断是否是中文/英文/数字示例代码
2013/09/30 PHP
php利用单例模式实现日志处理类库
2014/02/10 PHP
php 删除cookie方法详解
2014/12/01 PHP
Android App中DrawerLayout抽屉效果的菜单编写实例
2016/03/21 PHP
php将文件夹打包成zip文件的简单实现方法
2016/10/04 PHP
jQuery EasyUI API 中文文档 - ComboTree组合树
2011/10/11 Javascript
javascript之querySelector和querySelectorAll使用介绍
2011/12/20 Javascript
jquery图片不完全按比例自动缩小的简单代码
2013/07/29 Javascript
Javascript基础教程之while语句
2015/01/18 Javascript
js实现的早期滑动门菜单效果代码
2015/08/27 Javascript
AngularJS手动表单验证
2016/02/01 Javascript
AngularJS中的拦截器实例详解
2017/04/07 Javascript
微信小程序实现登录页云层漂浮的动画效果
2017/05/05 Javascript
详解vue.js+UEditor集成 [前后端分离项目]
2017/07/07 Javascript
微信小程序使用for循环动态渲染页面操作示例
2018/12/25 Javascript
Python中zfill()方法的使用教程
2015/05/20 Python
Python中struct模块对字节流/二进制流的操作教程
2017/01/21 Python
浅谈Python用QQ邮箱发送邮件时授权码的问题
2018/01/29 Python
python输出100以内的质数与合数实例代码
2018/07/08 Python
使用Tensorflow实现可视化中间层和卷积层
2020/01/24 Python
利用python绘制数据曲线图的实现
2020/04/09 Python
用python按照图像灰度值统计并筛选图片的操作(PIL,shutil,os)
2020/06/04 Python
python开发一个解析protobuf文件的简单编译器
2020/11/17 Python
你不知道的葡萄干处理法、橙蜜处理法、二氧化碳酵母法
2021/03/17 冲泡冲煮
CSS3选择器新增问题的实现
2021/01/21 HTML / CSS
下述程序的作用是计算机数组中的最大元素值及其下标
2012/11/26 面试题
上海天奕面试题笔试题
2015/04/19 面试题
外科实习自我鉴定
2013/10/06 职场文书
旅游与环境专业求职信
2014/06/05 职场文书
优秀团员事迹材料
2014/12/25 职场文书
材料员岗位职责范本
2015/04/11 职场文书
制作能在nginx和IIS中使用的ssl证书
2021/06/21 Servers
JMeter对MySQL数据库进行压力测试的实现步骤
2022/01/22 MySQL
frg-100简单操作(设置)说明
2022/04/05 无线电
python高温预警数据获取实例
2022/07/23 Python