js实现window.open不被拦截的解决方法汇总

一.问题: 今天在处理页面ajax请求过程中,想实现请求后打开新页面,就想到通过 js window.open 来实现,但是最终都被浏览器拦截了. 二.分析: 在谷歌搜索有没有解决方法,有些说可以通过新建a标签,模拟点击来实现,但是测试发现都实现不了,照样被浏览器拦截.最后找到了一个折中的办法,可以实现新页面打开,但是没有a标签的那种直接流量新页面的效果. 三.实现代码: 复制代码代码如下: $obj.click(function(){ var newTab=window.open('about…

ajax请求成功后打开新开窗口(window.open())被拦截的解决方法

问题:今天在做项目时需要在ajax请求成功后打开一个新的窗口,此时遇到浏览拦截了新窗口的问题,尝试在ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('click')),浏览器也会认为不是由用户主动触发的,因此不能被安全执行,所以被拦截. 解决方法:先创建一个新窗口,然后在回调函数中修改url var new_window = window.open(); $.ajax({ url: "submit_already_save.html", typ…

ajax请求成功后新窗口window.open()被拦截的解决方法

ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是该操作并不是用户主动触发的,所以它认为这是不安全的就拦截了(不过如果是 _self 的话就不会有这个限制),即使 ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('click')),浏览器也会认为不是由用户主动触发的,因此不能被安全执行,所以被拦截. 解决方法: 1.异步改为同步,即:async:false 2.将新开窗口指向为一个对象,然后修改对象的 ur…

ajax回调中window.open弹出的窗口会被浏览器拦截的解决方法

存在问题:处理页面ajax请求过程中,异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法来实现,最终都被浏览器拦截了.不会跳到对应的页面,如下原因:浏览器之所以拦截新开窗口因为该操作不是用户主动触发的,它认为这是不安全的所以拦截了( _self 不会限制),即使 ajax 回调函数中执行 click 或者 submit 等用户行为(trigger('click')),浏览器也会认为不是由用户主动触发的,不能被安全执行,所以被拦截. 百度了很多方法:比如 1:下…

winow.open打开窗口被拦截的解决方法

自己遇到的使用window.open打开新窗口被拦截的几种情况(使用的chrome浏览器,其他浏览器未测): 第一次:window.open("www.baidu.com"),打开了新窗口,但是页面并没有加载出来,需要回车才能出来解决方法:页面地址需要加上协议名称http://或者https:// 第二次:在ajax异步请求成功的回调函数中使用window.open方法,虽然加上了协议名称,但是,却并没有打开新窗口,在地址栏直接显示被拦截的字样解决方法:有两种:1.将ajax异…

谷歌、火狐浏览器下实现JS跨域iframe高度自适应的完美解决方法，跨域调用JS不再是难题！

谷歌.火狐浏览器下实现JS跨域iframe高度自适应的解决方法导读:今天开发的时候遇到个iframe自适应高度的问题,相信大家对这个不陌生,但是一般我们都是在同一个项目使用iframe嵌套页面,这个ifame高度自适应网上一搜一大把,今天要讲的如何在不同的网站下进行相互的调用跟在同一个网站下是一个效果:例如我在自己的项目里面Iframe 了第一博客的页面 http://www.diyibk.com/ 当第一博客的页面高度变化了怎么通知父页面呢? 这个时候在谷歌下肯定是拿不到 ifram…

nuxtjs在vue组件中使用window对象编译报错的解决方法

我们知道nuxtjs是做服务端渲染的,他有很多声明周期是运行在服务端的,以及正常的vue声明周期mounted之前均是在服务端运行的,那么服务端是没有比如window对象的location.navagitor等,以及H5的FormData()方法,所以当你在created之前使用这些时,会报错,那么如何处理呢? 1.自己的写的函数里包含window等因为nuxt为SSR框架,所以其编译打包时会区分服务端渲染还是客户端渲染(即浏览器),在vue文件中使用window对象报错的原因是,webpac…

JS中循环绑定遇到的问题及解决方法

本文是原创文章,如需转载,请注明文章出处在工作中,有时会有这样的需求:在一个页面上添加了6个按钮,然后分别为他们绑定点击事件监听器,当点击按钮1时,输出1,当点击按钮2时,输出2. 循环绑定代码如下: for (var i = 1, i <= 6; ++i){ var btn = document.getElementById("btn" + i); btn.addEventListener("click", function(){ console.log(…

window.onresize 多次触发的解决方法

用了window.onresize但是发现每次 onresize 后页面中状态总是不对,下面与大家分享下onresize 事件多次触发的解决方法. 之前做一个扩展,需要在改变窗口大小的时候保证页面显示正常,于是用了 window.onresize 但是发现每次 onresize 后页面中状态总是不对,后来查找出来原来是 onresize 事件触发了多次找成的,于是网上搜集了下解决办法,整理一下. // 关于 onresize 事件触发次数,不同浏览器不同,safari, opera, fir…

关于 JS 拖拽功能的冲突问题及解决方法

前言我在之前写过关于 JS 拖拽的文章,实现方式和网上能搜到的方法大致相同,别无二致,但是在一次偶然的测试中发现,这种绑定事件的方式可能会和其它的拖拽事件产生冲突,由此产生了对于事件绑定的思考.本文主要介绍解决这种冲突的方法,主要是事件绑定的时机问题. 问题来源这个问题是在类似如下 CodePen 例子中发现的,在有拖拽功能的页面中添加一个原生 input range 元素,可以发现 input range 的拖拽失效了. See the Pen drag with conflict iss…

AJAX 请求后使用 JS 打开新标签页被阻止的解决方法

需求:发起一个 AJAX 请求,根据请求结果来打开一个新页面. 问题:AJAX 请求后,使用 window.open() 方法来打开新页面会被浏览器阻止. 解决方法:在 AJAX 请求之前,就使用 const newWindow = window.open('about:blank'); 来打开一个空白页,AJAX 请求后拿到结果,再使用 newWindow.location = 'xxx'; 来让新页面跳转到需要的地址, 例: // 在线支付@action onlinePayment = as…

Win7，Win8安装ArcGIS软件或Node.js等安装包出现2503错误的解决方法

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZXNyaWNoaW5hY2Q=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt=""> 近期win8系统在安装Node.js和ArcGIS软件的时候都出现了2503错误.后来才发现,都是Win8的权限系统在作怪.解决方法看似也挺原始.但非常奏效: 1)进入C:\wind…

使用Layered Window遇到的一些问题及解决方法

1. 使用Layered Window需要设置 WS_EX_LAYERED 属性 2. Layered Window不能作为Child Window 3. 它也不能包含子窗口,为什么呢,因为它收不到WM_PAINT消息,它上边的子窗口显示不了 4. 使用DrawText或者Graphics::DrawString,他们画出的字是透明的, 这个问题我不知道原因,但是解决方法很简单: 先将文字画到一个内存位图上,然后使用Bitblt的方式将此内存位图拷贝到目标dc即可 5. SetWindowR…

easyui中tab页中js脚本无法加载的问题及解决方法

我发现tab页中<script src="xxx.js">方式加载的脚本没有生效,firebug看请求也没有请求相应的脚本文件. 单独在浏览器中打开tab页中的页面js脚本请求和加载都没有问题. 之前还以为是诡异的缓存原因,查了资料才知道tab页中加载的是html片段,也就是body中的部分,写在head中的内容会在解析中被过滤掉. 然后把<script src="xx.js">挪到body中,问题就解决了.…

JS扩展Array.prototype引发的问题及解决方法

遇到的问题一上班收到个bug,写的表单联动插件在ie里面会出现js源码,当时有点意外,从没出现过这问题. 问题的原由为什么会出现一个function呢?其它调用的插件的页面为什么没有这问题? 控制台输出了一下json的for in结果,发现莫名其妙的多了个indexOf的方法. 原来是页面里其它的js文件扩展了Array.prototype的属性. 解决方法1.遍历数组for var代替for in 原来就看过一篇文章说Array对象不要用for in来遍历,今天果然遇到这问题了. 解决方法…

为什么用JS取不到cookie的值？解决方法如下！

注意:cookie是基于域名来储存的.要放到测试服务器上或者本地localhost服务器上才会生效.cookie具有不同域名下储存不可共享的特性.单纯的本地一个html页面打开是无效的. 明明在浏览中可以查看到有某一个cookie 的存在,可是用js却始终无法获取到它的值,这个问题困扰我许久.偶然间想到可能是iframe的原因,经过一番查阅发现果真如此. 将场景还原一下: 我在一个iframe中使用setCookie方法设置了名为“myCookie”的cookie. function setCo…

【转载】window.open被浏览器拦截的解决办法

今天在处理程序的过程中,发现window.open方法会被浏览器拦截,导致无法打开新页面,查阅相关资料后发现,主要原因是浏览器为了维护用户安全和体验,禁止在javascript中直接使用window.open(url)来打开新的链接,window.open(url,”_self”)改变当前的窗口是可以生效的.为了实现window.open打开新窗口不被浏览器拦截,我们只能通过模拟用户操作的方式来实现. 我们可以模拟用户点击a标签的操作来实现这个功能,代码如下: //新窗口打开网页function…

window.open被IE拦截的解决办法

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

jS弹出新窗口被拦截的解决方法

使用ajax处理数据,在回调中跳转到或打开新页面,这时就会被浏览器拦截解决方案:先用window.open打开一个窗口,然后修改该窗口地址 var w = window.open('about:blank'); w.location.replace('test.aspx');//写在ajax里…

JS中window.showModalDialog()详解 HTML DOM open() 方法

window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框. window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框. 使用方法: vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures…