JavaScript打开新窗口被拦截问题

新窗口打开页面,一个很常用的效果,至于代码,一般第一反应都是这么写:

window.open(url);

但是主流的浏览器都会拦截这种效果(可能这些年弹窗广告太多,如果浏览器不拦截,用户受不了)

为了避免弹窗被拦截,一般都是利用a标签来打开一个新的页面,利用a标签的target="_blank"属性,一般根据情况使用下面这两种方法:

1、由点击事件触发新窗口打开:

----当然可以直接在页面使用a标签,这里只是为下文做铺垫的啦!

<a href="http://www.baidu.com/" target="_blank"></a>

可以将触发点击的按钮改成:

<a href="javascript:void(0)"  target="_blank" id="openWindow"></a>  

点击事件写成 :

1 $("#openWindow").click(function(e){
2     $(this).attr("href","http://www.baidu.com/");
3 });  

按照事件触发的顺序,点击的时候修改a标签的href,然后不中断默认事件,会接着触发a标签的默认事件,打开一个新的页面。

注意:如果需要打开新窗口,click事件中不能使用return false,e.preventDefault();等中断默认事件的语句。

2、其他情况:如果没有一个a标签用来打开页面,那么我们就创造一个新的a标签出来,再模拟这个a标签的点击事件

jQuery写法:

1 function openWindow(url){
2      var link = $("<a></a>").attr("href",url).attr("target","_blank");
3      $("body").append(link);
4      link[0].click();
5      link.remove();
6  }

原生JavaScript写法:

1 function openWindow(url){
2     var link = document.createElement(‘a‘);
3     link.target = "_blank";
4     link.href = url;
5     document.body.appendChild(link);
6     link.click();
7     document.body.removechild(link);
8 }  

原文地址:https://www.cnblogs.com/sunyuweb/p/9012909.html

时间: 2024-11-08 22:10:38

JavaScript打开新窗口被拦截问题的相关文章

javascript 打开新窗口(window.open)

打开新窗口(window.open) open() 方法可以查找一个已经存在或者新建的浏览器窗口. 语法: window.open([URL], [窗口名称], [参数字符串]) 参数说明: URL:可选参数,在窗口中要显示网页的网址或路径.如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档. 窗口名称:可选参数,被打开窗口的名称. 1.该名称由字母.数字和下划线字符组成. 2."_top"."_blank"."_selft"具有特

JavaScript打开新窗口

有时候会用到使用js打开新窗口, 使用window.open("http://www.baidu.com"); 这种方式会被浏览器拦截. 可以使用 var newTab=window.open('about:blank'); newTab.location.href="http://www.baidu.com"; 来打开新的窗口.

window.open()打开新窗口被拦截

window.open( url )是常用的打开新页面的方法,一般都没有问题,但是如果在ajax回调方法里面使用就会被浏览器拦截,因为在浏览器安全机制中,页面弹窗必须是由用户触发的才是安全弹窗,比如说绑定的onclick(),onchange()事件触发,而由ajax或定时器执行的弹窗均为非用户触发,所以会被浏览器安全机制(其他安全软件)理解为非安全弹窗而被拦截. 解决办法一: <div onclick="testFunc()">点击我呀</div> funct

使用javascript如何打开新窗口

javascript打开新窗口方法 window.open('http://www.onesheng.cn'); [1.最基本的弹出窗口代码]  其实代码非常简单: <SCRIPT LANGUAGE="javascript"> <!-- window.open ('smsyun.html') --> </SCRIPT> 因为着是一段javascripts代码,所以它们应该放在<SCRIPT LANGUAGE="javascript&q

ajax请求响应中用window.open打开新窗口会被浏览器拦截的解决方式

一.问题描述 ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是会被浏览器给拦截了,需要用户点下. 二.问题分析 浏览器之所以拦截新开窗口是因为该操作并不是用户主动触发的,所以它认为这是不安全的就拦截了,即使 ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('click')),浏览器也会认为不是由用户主动触发的,因此不能被安全执行,所以被拦截. 说明: 1.如果是在 <a href="javascri

js打开新窗口并且不被拦截

window.open是javascript函数,该函数的作用是打开一个新窗口或这改变原来的窗口,如果你直接在js中调用window.open()函数去打开一个新窗口,浏览器会拦截你,那么如何避免呢. 注意,只有直接使用js调用 window.open(url); 打开新窗口时,才会被拦截,如果是改变原理额窗口:window.open(url,'_self'); 则不会被拦截. 那么 js调用 window.open(url); 打开新窗口,如何才能不会浏览器拦截呢? 浏览器会拦截你,是认为你将

【JavaScript】单击网页任意一处打开新窗口与关闭窗口

在一些不正规的网站,尤其是那些挂满广告的下载站,经常在你点击的下载链接之前,无论你点击网页的任何一处都会弹出新窗口. 这样的效果,可以轻松用JavaScript做到,还可以专门指定点击某一区域的Div,才触发打开新窗口的事件. 比如下图的效果: 在原网页中,指定一个Div,无论用户点击这个Div的任意区域,都会打开新窗口,而点击其它地方则不会. 在新窗口的地址栏不可以编辑,不能被调整大小,提供一个"关闭"按钮,关闭该窗口. 原网页的HTML布局如下, <!DOCTYPE HTML

Flash打开新窗口 被浏览器拦截 navigateToURL被拦截

众所周知,打开新窗口以前经常被用作弹出广告用,而随着浏览器发展,现在估计除了ie6之外,基本都有广告拦截功能,最基本就是拦截这种非人为的弹出新窗口.我对js研究不深,我所了解就是,必须是用户操作的处理过程中,用window.open才能顺利通过浏览器的拦截检查.同样地,在Flash中,也有很多类似的安全限制,必须是用户操作才能触发一些危险代码的执行(例如,打开文件选择框).  今天,在处理XXXX的时候,点击flash的按钮时,无法正常弹出新窗口.于是,今天专门好好研究一下这个问题.正好,前几天

Js打开新窗口拦截问题整理

一.js打开新窗口,经常被拦截 //js打开新窗口,经常被拦截 //指定本窗口打开,可以使用 window.open('http://www.tianma3798.cn', '_self'); //不指定或指定新窗口打开被拦截 window.open('http://www.tianma3798.cn'); window.open('http://www.tianma3798.cn', '_blank'); 二. 1.如果是用户点击操作,打开新窗口不被拦截 2.如果在ajax回调函数中调用打开新