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 相关文章推荐
jquery中实现简单的tabs插件功能的代码
Mar 02 Javascript
DWZ刷新dialog解决方法
Mar 03 Javascript
非常漂亮的JS+CSS图片幻灯切换特效
Nov 20 Javascript
原生javascript实现Tab选项卡切换功能
Jan 12 Javascript
javascript实现简单的进度条
Jul 02 Javascript
jQuery实现切换页面过渡动画效果
Oct 29 Javascript
jquery.cookie.js用法实例详解
Dec 25 Javascript
微信小程序实现打开内置地图功能【附源码下载】
Dec 07 Javascript
基于vue-element组件实现音乐播放器功能
May 06 Javascript
解决vue中修改了数据但视图无法更新的情况
Aug 27 Javascript
微信小程序之事件交互操作实例分析
Dec 03 Javascript
js如何验证密码强度
Mar 18 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
windows下开发并编译PHP扩展的方法
2011/03/18 PHP
php结合正则批量抓取网页中邮箱地址
2015/05/19 PHP
老生常谈php 正则中的i,m,s,x,e分别表示什么
2017/03/02 PHP
使用 laravel sms 构建短信验证码发送校验功能
2017/11/06 PHP
微信公众平台开发教程②微信端分享功能图文详解
2019/04/10 PHP
jQuery阻止同类型事件小结
2013/04/19 Javascript
jquery获取iframe中的dom对象(两种方法)
2013/07/02 Javascript
使用js画图之正弦曲线
2015/01/12 Javascript
JavaScript Function函数类型介绍
2015/04/08 Javascript
小巧强大的jquery layer弹窗弹层插件
2015/12/06 Javascript
很全面的JavaScript常用功能汇总集合
2016/01/22 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
2016/06/15 Javascript
js实现StringBuffer的简单实例
2016/09/02 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
2017/03/07 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
2017/06/13 Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
2018/08/24 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
2018/12/11 jQuery
微信小程序实现左侧滑栏过程解析
2019/08/26 Javascript
基于ajax及jQuery实现局部刷新过程解析
2020/09/12 jQuery
关于vue 项目中浏览器跨域的配置问题
2020/11/10 Javascript
python3学习笔记之多进程分布式小例子
2018/02/13 Python
PyTorch线性回归和逻辑回归实战示例
2018/05/22 Python
python scipy求解非线性方程的方法(fsolve/root)
2018/11/12 Python
python调试神器PySnooper的使用
2019/07/03 Python
Django 开发环境与生产环境的区分详解
2019/07/26 Python
Python flask框架端口失效解决方案
2020/06/04 Python
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
C#如何调用Word并打开一个Word文档
2013/05/08 面试题
外语专业毕业生自荐信
2014/04/14 职场文书
协议书的格式
2014/04/23 职场文书
保护环境演讲稿
2014/05/10 职场文书
公司周年庆典策划方案
2014/05/17 职场文书
战马观后感
2015/06/08 职场文书
Golang二维切片初始化的实现
2021/04/08 Golang
Golang生成Excel文档的方法步骤
2021/06/09 Golang
以MySQL5.7为例了解一下执行计划
2022/04/13 MySQL