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 强制刷新页面的实现代码
Dec 13 Javascript
利用jquery包将字符串生成二维码图片
Sep 12 Javascript
文本框回车提交与禁止提交示例
Sep 27 Javascript
随鼠标上下滚动的jquery代码
Dec 05 Javascript
减少访问DOM的次数提升javascript性能
Feb 24 Javascript
Node.js实现简单聊天服务器
Jun 20 Javascript
微信小程序 Storage API实例详解
Oct 02 Javascript
js禁止浏览器的回退事件
Apr 20 Javascript
深入解析Vue 组件命名那些事
Jul 18 Javascript
基于JavaScript实现简单的音频播放功能
Jan 07 Javascript
浅谈对于“不用setInterval,用setTimeout”的理解
Aug 28 Javascript
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
Mar 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 学习路线与时间表
2010/02/21 PHP
PHP中::、-&amp;gt;、self、$this几种操作符的区别介绍
2013/04/24 PHP
php导入导出excel实例
2013/10/25 PHP
采用header定义为文件然后readfile下载(隐藏下载地址)
2014/01/31 PHP
神盾加密解密教程(三)PHP 神盾解密工具
2014/06/08 PHP
Javascript 面向对象之重载
2010/05/04 Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
2013/12/27 Javascript
jQuery实现3D文字特效的方法
2015/03/10 Javascript
JavaScript简单判断复选框是否选中及取出值的方法
2015/08/13 Javascript
Jquery插件easyUi实现表单验证示例
2015/12/15 Javascript
浅谈JavaScript变量的自动转换和语句
2016/06/12 Javascript
JavaScript 节流函数 Throttle 详解
2016/07/04 Javascript
用原生JS对AJAX做简单封装的实例代码
2016/07/13 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
2017/08/07 Javascript
vue中的模态对话框组件实现过程
2018/05/01 Javascript
解决Mac下安装nmp的淘宝镜像失败问题
2018/05/16 Javascript
基于JavaScript实现单例模式
2019/10/30 Javascript
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
2020/07/26 Javascript
jquery实现广告上下滚动效果
2021/03/04 jQuery
[02:25]DOTA2英雄基础教程 熊战士
2014/01/03 DOTA
tornado捕获和处理404错误的方法
2014/02/26 Python
Python实现基本数据结构中队列的操作方法示例
2017/12/04 Python
python如何通过实例方法名字调用方法
2018/03/21 Python
IntelliJ 中配置 Anaconda的过程图解
2020/06/01 Python
Pycharm配置lua编译环境过程图解
2020/11/28 Python
python 使用cycle构造无限循环迭代器
2020/12/02 Python
python des,aes,rsa加解密的实现
2021/01/16 Python
德国EGOIST网店:销售畅销的设计师品牌
2017/04/18 全球购物
微软马来西亚官方网站:Microsoft马来西亚
2019/11/22 全球购物
Herschel美国官网:背包、手提袋及配件
2020/03/10 全球购物
创伤外科专业推荐信范文
2013/11/19 职场文书
国际贸易毕业生求职信范文
2014/02/21 职场文书
暑期培训心得体会
2014/09/02 职场文书
MySQL数据库超时设置配置的方法实例
2021/10/15 MySQL
MySQL表类型 存储引擎 的选择
2021/11/11 MySQL
GTX1650super好不好 gtx1650super显卡属于什么级别
2022/04/08 数码科技