window.open被浏览器阻止的解决方案

2024-11-02

使用window.open打开新窗口被浏览器拦截的解决方案

问题描述: 代码中直接使用window.open('//www.baidu.com', '_blank');会被浏览器窗口拦截原因浏览器为了维护用户安全和体验,在JS中直接使用window.open(url,"_blank")来打开新的链接是会被拦截的.通常项目需要在ajax异步请求完成后来打开新链接,下面提供几种解决方案解决方案 1.最常用的(在ajax异步请求成功后打开新窗口) //先在ajax函数之前打开新窗口后再加载url $('#btn').click(function

window.open被浏览器拦截的解决方案

现象最近在做项目的时候碰到了使用window.open被浏览器拦截的情况,搞得人无比郁闷啊,虽然在自己的环境可以对页面进行放行,但是对用户来说,不能要求用户都来通过拦截.何况当出现拦截时,很多小白根本不知道发生了啥,不知道在哪里看被拦截的页面,简直悲催啊~~. 另外,可以发现,当window.open为用户触发事件内部或者加载时,不会被拦截,一旦将弹出代码移动到ajax或者一段异步代码内部,马上就出现被拦截的表现了. 原因分析&深入研究当浏览器检测到非用户操作产生的新弹出窗口,则会对其进行阻

异步调用window.open时被浏览器阻止新窗口解决方案

var wyWindow = window.open('_blank');$http.post($rootScope.baseUrl + '/Interface0231A.ashx', { userFId: fId}).success(function (data) { if(data.code === 0) { //模拟登录获取临时密码成功 var tempPwd = data.msg; wyWindow.location = emulateLoginUrl + '#/login?n=' +

解决弹出的窗口window.open会被浏览器阻止的问题

问题现象最近在做项目的时候碰到了使用window.open被浏览器拦截的情况,有时候会一直连接,有时候会偶尔拦截, 尝试了很多方法,走了很多弯路,总结一下结果分享大家原因分析&深入研究 1 当浏览器检测到非用户操作产生的新弹出窗口,则会对其进行阻止.因为浏览器认为这不是用户希望看到的页面 2 在chrome的安全机制里面,非用户触发的window.open方法,是会被拦截的. var btn = $('#btn'); btn.click(function () { //不会被拦截 windo

解决弹出的窗口window.open会被浏览器阻止的问题（自定义open方法）

由于在使用window.open时,在很多情况下,弹出的窗口会被浏览器阻止,但若是使用a链接target='_blank',则不会,基于这一特点,自己封装了一个open方法: function openwin(url) { var a = document.createElement("a"); a.setAttribute("href", url); a.setAttribute("target", "_blank"); a

js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题

js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param {object} 参数对象 * url 必填提交地址 * methond 选填默认post 提交方式 post get * target 选填默认_self 当前页面还是新页面 _self _blank * 其它参数 */ function jsFormSubmit(params) { va

js打开新的窗体不被浏览器阻止

转载自js弹出新窗口而不会被浏览器阻止的方法有时候希望可以用js另开新窗口,但用window.open方法打开窗口总是被浏览器阻止, 可以用下面的方法打开新窗口而不会遭到拦截 1.新添加一个Form <form id="EmailForm" action="目标页" method="get" target="_blank"><input id="emailid" name="em

JS打开新窗口防止被浏览器阻止的方法

这篇文章主要介绍了JS打开新窗口防止被浏览器阻止的方法,分析对比了常用方法与改进方法,是非常实用的技巧,需要的朋友可以参考下本文实例讲述了JS打开新窗口防止被浏览器阻止的方法.分享给大家供大家参考.具体分析如下: 用传统的window.open()方式打开新窗口,会被浏览器阻止,那么,我们如何才能让JS打开新窗口不被浏览器阻止呢?其实办法还是有的,这里我们就来分析一下如何解决这个问题我最近也遇到了这样的问题,所以就把弹出新窗口的方法分享给大家.欢迎大家补充哦... 第一种.使用原生javas

JS打开新窗口防止被浏览器阻止的方法[转]

本文实例讲述了JS打开新窗口防止被浏览器阻止的方法.分享给大家供大家参考.具体分析如下: 用传统的window.open()方式打开新窗口,会被浏览器阻止,那么,我们如何才能让JS打开新窗口不被浏览器阻止呢?其实办法还是有的,这里我们就来分析一下如何解决这个问题我最近也遇到了这样的问题,所以就把弹出新窗口的方法分享给大家.欢迎大家补充哦... 第一种.使用原生javascript的window.open()方法(大部分情况下会被浏览自阻止) 第二种.模拟表单(form)提交,原理是指定表单的a

window.open()被浏览器拦截问题汇总

一.问题描述最近在做项目的时候碰到了使用window.open被浏览器拦截的情况,虽然在自己的环境可以对页面进行放行,但是对用户来说,不能要求用户都来通过拦截.何况当出现拦截时,很多用户根本不知道发生了啥,不知道在哪里看被拦截的页面.因此必须通过代码来解决这个问题! 以下是浏览器拦截示例: 二.问题分析浏览器之所以拦截新开窗口是因为该操作并不是用户主动触发的,所以它认为这是不安全的就拦截了,即使 ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('

JavaScript 兼容各大浏览器阻止冒泡事件

JavaScript 兼容各大浏览器阻止冒泡事件 function stopEvent(event) { //阻止冒泡事件 //取消事件冒泡 var e = arguments.callee.caller.arguments[0] || event; //若省略此句,下面的e改为event,IE运行可以,但是其他浏览器就不兼容 if (e && e.stopPropagation) { // this code is for Mozilla and Opera e.stopPropagat

$(window).height()获取浏览器高度不准

以前在开发的时候这样$(window).height()获取浏览器的高度一致不觉得有什么不对, 今天在做java开发的时候不知道为什么获取的高度很明显不对. 后来无意中想到一个文档模式不对的原因,于是就把java的jsp页面的 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 换成了html5的写法 <!DOCTYPE html> 深深的叹了口气,前端开发真不让人省心

javascript中的window.open()被浏览器拦截

最近做项目的时候,点击事件的时候遇到了window .open()被浏览器拦截的情况,虽然在自己的开发环境中都能正常使用,但是放在测试环境中window.open()就是不能使用, 后来经过测试,单纯的运行window.open()可以打开新页面,但是放在ajax或者一段异步的代码中,就回出现浏览器拦截问题,后来经过反复测试,最终得到window.open()在同步的代码中是显示正常的,所以在ajax代码中把异步改为同步就能解决问题. $.ajax({ type : "POST", a

jquery微信浏览器阻止页面拖动

jquery微信浏览器阻止页面拖动<pre>function bodyScroll(event) { event.preventDefault();} document.body.addEventListener('touchmove', bodyScroll, false); /*有些页面可能会影响到里面的触摸事件可以采取如下方法解除*/ document.body.removeEventListener('touchmove', bodyScroll, false);</pre&g

window onerror 各浏览器下表现总结

window onerror 各浏览器下表现总结做前端错误上报,必然离不开window onerror,但window onerror在不同设备上表现并不一致,浏览器为避免信息泄露,在一些情况下并不会给出详细的错误信息,本文的目的就是通过跑一些简单的小例子,验证onerror在不同浏览器下的具体表现. 准备我会在Mac, Windows, Android和IOS平台下分别进行测试并记录.为了模拟真实线上环境,我利用GitHub Page模拟线上静态文件服务器,通过其他设备访问此地址即可. 测

浏览器内存漫游解决方案(js逆向)

//浏览器内存漫游解决方案(js逆向) //原理通过ast把所有的变量,参数中间值进行内存的存储 //搜索AST-hook,进入github //现在github的库下载下来 //anyproxy nodejs中的抓包工具需要安装(管理员的) npm install -g anyproxy //然后控制台打印 anyproxy ca 会在8001端口开启抓包 //8002端口 127.0.0.1:8002 然后下载证书 //进入src里面,然后进入proxy-server.js里面 //sh

浏览器阻止window.open的解决方案

先分析一下浏览器为什么会阻止window.open吧:用户主动去触发事件的浏览器不会阻止,什么是用户主动触发的呢?就是当用户去点击的一瞬间就弹出这种浏览器是不会阻止的,如果是通过setTimeout定时器延时弹出或者ajax异步处理回调后在open这种浏览器就会认为是恶意弹出就会立刻阻止. 解决办法:利用之前的重大发现应该这样处理这类问题,当用户点击的时候如果需要在异步ajax回调后open的话应该把代码改成下面这种 function test(){ $.ajax({ url:'a.html',

关于 Safari 浏览器不支持 location [ window.location.href window.open()] 跳转问题的解决方案

最近在做项目时,碰到 safari 浏览器不支持location跳转问题,针对此问题,可以通过 js 模拟点击时间来解决,代码如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a id='link' h

(转)没有IE就没有伤害！浏览器兼容性问题解决方案汇总

普及:浏览器的兼容性问题,往往是个别浏览器(没错,就是那个与众不同的浏览器)对于一些标准的定义不一致导致的.俗话说:没有IE就没有伤害. 贴士:内容都是自己总结的,不免会出现错误或者bug,欢迎更正和补充,本帖也会不断更新. Normalize.css 不同浏览器的默认样式存在差异,可以使用 Normalize.css 抹平这些差异.当然,你也可以定制属于自己业务的 reset.css <link href="https://cdn.bootcss.com/normalize/7.0.0/

IE浏览器兼容性问题解决方案

一.CSS常见问题 1.H5标签兼容性解决方案:<script src="http://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script> 2.元素浮动之后,能设置宽度的话就给元素加宽度,如果需要宽度是内容撑开的,就给它里边的块元素加上浮动float:left; 3.第一块元素浮动,第二块元素加margin-left值等于第一块元素宽度,在IE6下会有间隙问题解决方案:不要用margin-l

window.open被浏览器阻止的解决方案

热门专题