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 相关文章推荐
JCalendar 日历控件 v1.0 beta[兼容IE&amp;Firefox] 有文档和例子
May 30 Javascript
javascript获取当前ip的代码
May 10 Javascript
jquery 中的each()跳出循环的语句
May 23 Javascript
jquery获取选中的文本和值的方法
Jul 08 Javascript
jQuery子窗体取得父窗体元素的方法
May 11 Javascript
在JavaScript中使用NaN值的方法
Jun 05 Javascript
javascript获取本机操作系统类型的方法
Aug 13 Javascript
javascript事件模型介绍
May 31 Javascript
令按钮悬浮在(手机)页面底部的实现方法
May 02 Javascript
JS实现的获取银行卡号归属地及银行卡类型操作示例
Jan 08 Javascript
JavaScript缓动动画函数的封装方法
Nov 25 Javascript
uni-app 微信小程序授权登录的实现步骤
Feb 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
一个好用的PHP验证码类实例分享
2013/12/27 PHP
php除数取整示例
2014/04/24 PHP
PHP获取MySql新增记录ID值的3种方法
2014/06/24 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
EXT中xtype的含义分析
2010/01/07 Javascript
Jquery动态替换div内容及动态展示的方法
2015/01/23 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
jquery调整表格行tr上下顺序实例讲解
2016/01/09 Javascript
实例详解AngularJS实现无限级联动菜单
2016/01/15 Javascript
理解javascript中的严格模式
2016/02/01 Javascript
JS操作JSON方法总结(推荐)
2016/06/14 Javascript
jQuery事件处理的特征(事件命名机制)
2016/08/23 Javascript
微信小程序 rpx 尺寸单位详细介绍
2016/10/13 Javascript
利用vue实现模态框组件
2016/12/19 Javascript
基于Vue实现tab栏切换内容不断实时刷新数据功能
2017/04/13 Javascript
原生js轮播特效
2017/05/18 Javascript
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
2017/07/22 jQuery
JS中Attr的用法详解
2017/10/09 Javascript
webpack vue项目开发环境局域网访问方法
2018/03/20 Javascript
微信小程序开发之路由切换页面重定向问题
2018/09/18 Javascript
详解原生JS回到顶部
2019/03/25 Javascript
详解微信小程序回到顶部的两种方式
2019/05/09 Javascript
vuex实现数据状态持久化
2019/11/11 Javascript
JS实现关闭小广告特效
2021/01/29 Javascript
小程序实现图片移动缩放效果
2020/05/26 Javascript
详解vue 组件的实现原理
2020/11/12 Javascript
python 循环遍历字典元素的简单方法
2016/09/11 Python
在cmd中运行.py文件: python的操作步骤
2018/05/12 Python
python 定义n个变量方法 (变量声明自动化)
2018/11/10 Python
Python Django的安装配置教程图文详解
2019/07/17 Python
同步和异步有何异同,在什么情况下分别使用他们
2013/04/09 面试题
生物专业个人自荐信范文
2013/11/29 职场文书
六年级情感作文之500字
2019/10/23 职场文书
创作书写之导游词实用技巧分享(干货)
2019/12/20 职场文书
MongoDB数据库常用的10条操作命令
2021/06/18 MongoDB
vue中控制mock在开发环境使用,在生产环境禁用方式
2022/04/06 Vue.js