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 getJSON 处理json数据的代码
Jul 26 Javascript
javascript中window.event事件用法详解
Dec 11 Javascript
js判断选择的时间是否大于今天的代码
Aug 20 Javascript
Javascript快速排序算法详解
Dec 03 Javascript
JavaScript跨平台的开源框架NativeScript
Mar 24 Javascript
JavaScript获取表单内所有元素值的方法
Apr 02 Javascript
jQuery插件datalist实现很好看的input下拉列表
Jul 14 Javascript
js Canvas实现圆形时钟教程
Sep 19 Javascript
基于JavaScript实现右键菜单和拖拽功能
Nov 28 Javascript
基于JS实现一个随机生成验证码功能
May 29 Javascript
Vue路由切换页面不更新问题解决方案
Jul 10 Javascript
js获取图片的base64编码并压缩
Dec 05 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
星际流派综述
2020/03/04 星际争霸
一些使用频率比较高的php函数
2008/10/03 PHP
php 文本文件的读取效率
2012/02/10 PHP
使用phpQuery采集网页的方法
2013/11/13 PHP
PHP之autoload运行机制实例分析
2014/08/28 PHP
PHP中的output_buffering详细介绍
2014/09/27 PHP
关于文本限制字数的js代码
2007/04/02 Javascript
25个好玩的JavaScript小游戏分享
2011/04/22 Javascript
Chrome Form多次提交表单问题的解决方法
2011/05/09 Javascript
基于jQuery的模仿新浪微博时间的组件
2011/10/04 Javascript
防止xss和sql注入:JS特殊字符过滤正则
2013/04/18 Javascript
JQuery复制DOM节点的方法
2015/06/11 Javascript
Jqgrid之强大的表格插件应用
2015/12/02 Javascript
jQuery事件与动画基础详解
2017/02/23 Javascript
微信浏览器禁止页面下拉查看网址实例详解
2017/06/28 Javascript
详解vue-cli本地环境API代理设置和解决跨域
2017/09/05 Javascript
如何快速解决JS或Jquery ajax异步跨域的问题
2018/01/08 jQuery
修改Nodejs内置的npm默认配置路径方法
2018/05/13 NodeJs
JavaScript继承与多继承实例分析
2018/05/26 Javascript
vue-vuex中使用commit提交mutation来修改state的方法详解
2018/09/16 Javascript
vue路由教程之静态路由
2019/09/03 Javascript
js实现全选和全不选
2020/07/28 Javascript
[04:00]DOTA2解说界神雕侠侣 CJ第四天谷子现场过生日
2013/07/30 DOTA
Python中functools模块函数解析
2017/03/12 Python
TensorFlow数据输入的方法示例
2018/06/19 Python
详解Python发送email的三种方式
2018/10/18 Python
python+opencv实现霍夫变换检测直线
2020/10/23 Python
Python字符串对象实现原理详解
2019/07/01 Python
html5用video标签流式加载的实现
2020/05/20 HTML / CSS
英国最大的线上保健品零售商之一:Vitamin Planet
2016/12/01 全球购物
澳大利亚第一的设计师礼服租赁网站:GlamCorner
2017/08/13 全球购物
网络事业创业计划书范文
2014/01/09 职场文书
小学优秀班集体申报材料
2014/05/25 职场文书
国土资源局开展党的群众路线教育实践活动整改措施
2014/09/26 职场文书
培训计划通知
2015/07/15 职场文书
浅析python中特殊文件和特殊函数
2022/02/24 Python