window.open打开一个新窗口/子窗口中调用父窗口的方法-js教程-ab蓝学网
当前位置: &
window.open打开一个新窗口/子窗口中调用父窗口的方法
简介:WEB前端|window.open只打开一个窗口是将oNewWindow=window.open(sURL,sName,sFeatures,bReplace)中的sName设置成一个固定值，如果有框架的话设置成“...
window.open 只打开一个窗口是将 &&&& oNewWindow&& =&& window&& .&& open&& (&& sURL&& ,&& sName&& ,&& sFeatures&& ,&& bReplace&& ) 中的sName 设置成一个固定值，如果有框架的话设置成“_top” 语法：&&& & oNewWindow&& =&& window&& .&& open&& (&& sURL&& ,&& sName&& ,&& sFeatures&& ,&& bReplace&& )&&&&& & 参数：&&& & sUrl&&&& :?&& 可选项。字符串(String)。指定要被加载的HTML文档的&& URL&& 地址。假如无指定值，则&& about:blank&& 的新窗口会被显示。&&&&& & sName&&&& :?&& 可选项。字符串(String)。&& 指定打开的窗口的名字。这个名字可以用于&& form&& 或&& a&& 对象的&& TARGET&& 属性。此名字也可以使用下列通用名称:&& _media&&&& :?&& IE6.0&&&& 在浏览器左边的媒体面板内打开&& sUrl&& 。&&&&& & _blank&&&& :?&&&& 在新窗口中打开&& sUrl&& 。&&&&& & _parent&&&& :?&&&& 在当前框架的父框架内打开。假如当前框架无父框架，此参数值等同于&& _self&& 。&&&&& & _search&&&& :?&& IE5.0&&&& 在浏览器左边的搜索面板内打开&& sUrl&& 。&&&&& & _self&&&& :?&&&& sUrl&& 在当前窗口中打开，覆盖当前文档。&&&&& & _top&&&& :?&&&& 在所有框架之外的最顶层窗口中打开&& sUrl&& 。假如当前窗口无框架结构，此参数值等同于&& _self&& 。&&&&& &&&&&& & sFeatures&&&& :?&& 可选项。字符串(String)。&& 指定窗口装饰样式。使用下面的值。多个之间用逗号隔开。只有当新的浏览器窗口被建立时，此参数的设置才会发生作用。&& channelmode&& =&& {&& yes&& |&& no&& |&& 1&& |&& 0&& }&&&& ?&& 指定是否将窗口显示为频道模式。默认值为&& no&& 。&&&&& & directories&& =&& {&& yes&& |&& no&& |&& 1&& |&& 0&& }&&&& ?&& 指定是否显示「链接」按钮。默认值为&& yes&& 。&&&&& & fullscreen&& =&& {&& yes&& |&& no&& |&& 1&& |&& 0&& }&&&& ?&& 指定是否以全屏方式显示窗口。默认值为&& no&& 。要小心使用全屏模式，因为这种模式会隐藏浏览器窗口的标题栏和菜单。如果没有在页面内提供关闭窗口的功能，用户可以使用&& ALT+F4&& 快捷键关闭窗口。&&&&& & height&& =&& number&&&& ?&& 设置窗口的高度。最小值为&& 100&& 。&&&&& & left&& =&& number&&&& ?&& 设置窗口左上角相对于桌面的横坐标。单位为像素(&& px&& )。&&&&& & width&& =&& number&&&& ?&& 设置窗口的宽度。最小值为&& 100&& 。&&&&& & top&& =&& number&&&& ?&& 设置窗口左上角相对于桌面的纵坐标。单位为像素(&& px&& )。&&&&& & location&& =&& {&& yes&& |&& no&& |&& 1&& |&& 0&& }&&&& ?&& 设置是否显示浏览器窗口的地址栏。默认值为&& yes&& 。&&&&& & menubar&& =&& {&& yes&& |&& no&& |&& 1&& |&& 0&& }&&&& ?&& 设置是否显示浏览器窗口的菜单栏。默认值为&& yes&& 。&&&&& & resizable&& =&& {&& yes&& |&& no&& |&& 1&& |&& 0&& }&&&& ?&& 设置窗口是否允许被用户改变尺寸。默认值为&& yes&& 。&&&&& & scrollbars&& =&& {&& yes&& |&& no&& |&& 1&& |&& 0&& }&&&& ?&& 设置窗口是否可以具有滚动条。默认值为&& yes&& 。&&&&& & status&& =&& {&& yes&& |&& no&& |&& 1&& |&& 0&& }&&&& ?&& 设置是否显示浏览器窗口的状态栏。默认值为&& yes&& 。&&&&& & titlebar&& =&& {&& yes&& |&& no&& |&& 1&& |&& 0&& }&&&& ?&& 设置是否显示浏览器窗口的标题栏。除非调用程序是HTML应用程式(&& HTA&& )或被信任的对话框，否则此参数将被忽略。默认值为&& yes&& 。&&&&& & toolbar&& =&& {&& yes&& |&& no&& |&& 1&& |&& 0&& }&&&& ?&& 设置是否显示浏览器窗口的工具条。默认值为&& yes&& 。&&&&& &&&&&& & bReplace&&&& :?&& 可选项。布尔值(Boolean)。false&& |&& true&& false&&&& :?&& 新打开的文档覆盖历史列表里的当前文档。&&&&& &&&& & true&&&& :?&& 文新打开的文档被简单的添加到历史列表的最后。&&&&& &&&&&& &&&& & 返回值：&&& & oNewWindow&&&& :?&& 对象(Element)。返回对新的&& window&& 对象的引用。&&&&& _______________________________________________________________________________________
当弹出子窗口使用的是 window.open(); 方法时可以在子窗口使用： &&&&&&&&&&&&&&&&&&&&&&&&&&&& 1 . parant.method(); &&&&&&&&&&&&&&&&&&&&&&&&&&&& 2 . opener.method(); 两个方法调用父窗口的方法！
当弹出窗口使用的是模态窗口 window.showModelDialog();方法时可以在子窗口使用： 1 . var parentObj = window.dialogA &&&&& parentObj.method();& 方法调用父窗口的方法！
建议使用方法时考虑清楚弹出窗口究竟是什么模式的对话框，如果不清楚建议使用：
try{ &&&&&&&& opener.method();//弹出的是普通窗口 }catch(e1){ &&& try{ &&&&&&&&&& var parentObj = window.dialogA//弹出的是模态窗口 &&&&&&&&&&& parentObj.method();& &&&& }catch(e2){//有可能父窗口没有这个方法！ }
//=====================================================================
子窗口给父窗口传值的时候
window.parent.opener.document.getElementById(&A431&).value= “12312”
//=====================================================================
有时我们需要在新打开的窗口里面编辑信息,等编辑完了,需要将当前窗口关闭并且刷新父窗口,以使修改生效,本文就是介绍用 javascript 来实现&更新记录后关闭子窗口并刷新父窗口&.
&a href=&javascript:void(0)&onclick=&window.open('child.html','child','width=400,height=300,left=200,top=200');&&打开子窗口&/a&
&1&&script language=&Script&&type=&text/javascript&&& 2&&!--& 3&function&refreshParent() {& 4&window.opener.location.href&=&window.opener.location.& 5&if&(window.opener.progressWindow) {& 6&window.opener.progressWindow.close();& 7&}& 8&window.close();& 9&}& 10&//--&& 11&&/script&& 12&&a href=&javascript:void(0)&&onclick=&refreshParent()&&刷新父窗口并关闭当前窗口&/a&
转载注明本文地址：
如果觉得《js
window.open打开一个新窗口/子窗口中调用父窗口的方法》不错，请把本站告诉您身边的朋友！
上一编：下一编：
正在加载 js
window.open打开一个新窗口/子窗口中调用父窗口的方法 评论...二次元同好交流新大陆
扫码下载App
温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
Web Developer, 喜欢JEE带来的快乐！坚信一个理念：没有学不会的东西,除非自己不想学！
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(98873)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'JS关闭窗口或JS关闭页面的几种代码',
blogAbstract:'&第一种：JS定时自动关闭窗口&script language=\"javascript\"&&!--function closewin(){self.opener=self.close();}function clock(){i=i-1document.title=\"本窗口将在\" + i + \"秒后自动关闭!\";if(i&0)setTimeout(\"clock();\",1000);else closewin();}var i=10clock();//--&&/script& 第二种：点击链接没有提示的JS关闭窗口&a href=\"javascript:window.close()\" &关闭窗口&/a&',
blogTag:'js关闭窗口或js关闭页面的几种代码',
blogUrl:'blog/static/0',
isPublished:1,
istop:false,
modifyTime:5,
publishTime:0,
permalink:'blog/static/0',
commentCount:2,
mainCommentCount:2,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'Web Developer, 喜欢JEE带来的快乐！坚信一个理念：没有学不会的东西,除非自己不想学！',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}open函数语法
windowopenurlnamefeaturesreplace
open函数参数说明
url -- 要载入窗体的URLname -- 新建窗体的名称(也可以是HTML 属性的取值，目标)features -- 代表窗体特性的字符串，字符串中每个特性使用逗号分隔replace -- 一个布尔值，说明新载入的页面是否替换当前载入的页面，此参数通常不用指定
open函数name参数说明
name用于设置弹出窗体的名称，如果使用已有的窗体或框架名称作为name参数，那么url网址将在这个窗体或框架页面载入
a href&/& target&dreamdu&HTMLa
a href&#& onclick&window.open('/xhtml/','dreamdu');&JavaScriptHTMLa
首先使用普通HTML链接打开一个页面(target名为dreamdu)，之后使用open函数打开另一个页面，浏览器首先要查找是否有名称为dreamdu的窗体，如果有，就在这个窗体中加载梦之都HTML教程网址。否则新建一个名称为dreamdu的窗体并加载梦之都HTML教程网址
open函数默认的打开窗体的方式为的_blank弹出方式，因此页面都将以弹出的方式打开
open函数features参数说明
如果不使用第三个参数，将打开一个新的普通窗口
open函数features参数说明，通过特性字符串可以定义新的特性的窗口
设置窗体的高度，不能小于100
说明创建窗体的左坐标，不能为负值
窗体是否显示地址栏，默认值为no
窗体是否允许通过拖动边线调整大小，默认值为no
scrollable
窗体中内部超出窗口可视范围时是否允许拖动，默认值为no
窗体是否显示工具栏，默认值为no
说明创建窗体的上坐标，不能为负值
窗体是否显示状态栏，默认值为no
创建窗体的宽度，不能小于100
特性字符串中的每个特性使用逗号分隔，每个特性之间不允许有空格
open函数返回值
新建立的window对象
猴子提示: 不建议使用弹出窗体，
windowopen&/&&dreamduwin&&width=500,height=300,left=10,top=20,location=yes,status=yes&
新建一个宽度为500像素，高度为300像素，距离屏幕左上角水平偏移10像素，垂直偏移20像素，有地址栏与状态栏的窗体
oWinwindowopen&/&&dreamduwin&
oWinresizeTo800600
oWinmoveTo5050
window.open函数新建立窗体后会返回新建窗体的window对象，通过此对象可以控制窗体（移动，改变大小，关闭）
type&button& value&在新窗口中打开梦之都！& onclick&window.open('/', 'dreamduwin', 'width=500,height=300,left=10,top=20,location=yes,status=yes');&
JavaScript open() 函数示例 -- 可以尝试编辑
JavaScript () 函数JavaScript
教程中有什么不懂的地方？发现教程的错误！对教程有什么建议！快快联系猴子呀，:){JS}JavaScript使用Window对象
{JS}JavaScript使用Window对象
使用Window.open方法新建窗口Window对象表示的是浏览器窗口，它有多种操作，其中一个重要的方法是open，表示新建一个窗口来打开指定页面。例如在a.html中执行以下语句：window.open("b.html");则新建一个窗口打开了b.html页面，这和在a.html页面中用一条链接打开页面的效果是一样的：&a href="b.html" target="_blank"&b&/html&但window.open对新建窗口的样式可以有更多的控制，例如：窗口大小、是否显示菜单栏、是否显示滚动条、是否显示地址栏等等。其完整的调用语法如下：window.open(url,windowName,"name1=value1[,name2=value2,[…]]");其中：url是要打开的页面地址；windowName表示新建窗口的名字，从而可以对其进行控制；最后是一个用字符串表示的参数列表。每一个参数都是名称和值对应的形式，用逗号隔开，其中可以使用的参数如下。?&height：表示新建窗口的高度；?&width：表示新建窗口的宽度；?&left：表示新建窗口到屏幕左边缘的距离；?&top：表示新建窗口到屏幕顶端的距离。以上属性的单位均为象素，例如对于800×600的分辨率，left=400则表示新窗口的左边缘处于屏幕的正中间。其余的属性主要是布尔型的，用yes或者1表示开启，用no或者0表示关闭。如果是开启，则yes或者1可省略，例如：toolbar=1等价于toolbar=yes等价于toolbar，下面分别介绍这些属性：?&directories：是否显示链接工具栏；?&location：是否显示地址栏；?&menubar：是否显示菜单栏；?&resizable：是否允许调整窗口大小；?&scrollbars：是否显示滚动条；?&status：是否显示状态栏；?&toolbar：是否显示工具栏。例如，下面的代码将显示一个无菜单、无工具条、无滚动条的窗口：window.open("test3.html","","height=200,width=300, toolbar=0,menubar=0,scrollbars=0");使用定时器实现JavaScript的延期执行或重复执行window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下：window.setTimeout(expression,milliseconds);window.setInterval(expression,milliseconds);其中，expression可以是用引号括起来的一段代码，也可以是一个函数名，到了指定的时间，系统便会自动调用该函数，当使用函数名作为调用句柄时，不能带有任何参数；而使用字符串时，则可以在其中写入要传递的参数。两个方法的第二个参数是milliseconds，表示延时或者重复执行的毫秒数。下面分别介绍两种方法。1．window.setTimeout方法该方法可以延时执行一个函数，例如：&script language="JavaScript" type="text/javascript"&&!--function hello(){&alert("hello");}window.setTimeout(hello,5000);//--&&/script&这段代码将使得页面打开5秒钟后显示对话框“hello”。其中最后一句也可以写为：window.setTimeout("hello()",5000);读者可以体会它们的差别，在window.setInterval方法中也有这样的性质。如果在延时期限到达之前取消延执行，可以使用window.clearTimeout(timeoutId)方法，该方法接收一个id，表示一个定时器。这个id是由setTimeout方法返回的，例如：&script language="JavaScript" type="text/javascript"&&!--function hello(){&&&&& alert("hello");}var window.clearTimeout(id);}//--&&/script&这样，如果要取消显示，只需单击页面任何一部分，就执行了window.clearTimeout方法，使得超时操作被取消。2．window.setInterval方法该方法使得一个函数每隔固定时间被调用一次，是一个很常用的方法。如果想要取消定时执行，和clearTimeout方法类似，可以调用window.clearInterval方法。clearInterval方法同样接收一个setInterval方法返回的值作为参数。例如：//定义一个反复执行的调用var somefunction",10000);//取消定时执行window.clearInterval(id);上面的代码仅用于说明怎样取消一个定时执行。实际上在很多场合都需要用到setInterval方法，下面将设计一个秒表，来介绍setInterval函数的用途：该秒表将包括两个按钮和一个用于显示时间的文本框。当单击开始按钮时开始计时，最小单位为0.01秒，此时再次单击按钮则停止计时，文本框显示经过的时间。另外一个按钮用于将当前时间清零。其实现代码如下：&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&&html&&head&&title& New Document &/title&&/head&&body&&form action="somepage.asp"&&input type="text" value="0" /&&input type="button" value="开始" /&&input type="button" value="重置" /&&/form&&/body&&/html&&script language="JavaScript" type="text/javascript"&&!--//获取表单中的表单域var txt=document.forms[0].elements["txt1"];var btnStart=document.forms[0].elements["btnStart"];var btnReset=document.forms[0].elements["btnReset"]//定义定时器的id//每10毫秒该值增加1var seed=0;
btnStart.onclick=function(){&&&&& //根据按钮文本来判断当前操作&&&&& if(this.value=="开始"){&&&&&&&&&&&&& //使按钮文本变为停止&&&&&&&&&&&&& this.value="停止";&&&&&&&&&&&&& //使重置按钮不可用&&&&&&&&&&&&& btnReset.disabled=&&&&&&&&&&&&& //设置定时器，每0.01s跳一次&&&&&&&&&&&&& }else{&&&&&&&&&&&&& //使按钮文本变为开始&&&&&&&&&&&&& this.value="开始";&&&&&&&&&&&&& //使重置按钮可用&&&&&&&&&&&&& btnReset.disabled=&&&&&&&&&&&&& //取消定时&&&&&&&&&&&&& window.clearInterval(id);&&&&& }}
//重置按钮btnReset.onclick=function(){&&&& seed=0;}//让秒表跳一格function tip(){&&&&& seed++;&&&&& txt.value=seed/100;}//--&&/script&给定时器调用传递参数无论是window.setTimeout还是window.setInterval，在使用函数名作为调用句柄时都不能带参数，而在许多场合必须要带参数，这就需要想方法解决。例如对于函数hello(_name)，它用于针对用户名显示欢迎信息：var userName="jack";//根据用户名显示欢迎信息function hello(_name){&&&&& alert("hello,"+_name);}这时，如果企图使用以下语句来使hello函数延迟3秒执行是不可行的：window.setTimeout(hello(userName),3000);这将使hello函数立即执行，并将返回值作为调用句柄传递给setTimeout函数，其结果并不是程序需要的。而使用字符串形式可以达到想要的结果：window.setTimeout("hello(userName)",3000);这里的字符串是一段JavaScript代码，其中的userName表示的是变量。但这种写法不够直观，而且有些场合必须使用函数名，下面用一个小技巧来实现带参数函数的调用：&script language="JavaScript" type="text/javascript"&&!--var userName="jack";//根据用户名显示欢迎信息function hello(_name){&&&&&& alert("hello,"+_name);}//创建一个函数，用于返回一个无参数函数function _hello(_name){&&&&&& return function(){&&&&&&&&&&&& hello(_name);&&&&&& }}window.setTimeout(_hello(userName),3000);//--&&/script&这里定义了一个函数_hello，用于接收一个参数，并返回一个不带参数的函数，在这个函数内部使用了外部函数的参数，从而对其调用，不需要使用参数。在window.setTimeout函数中，使用_hello(userName)来返回一个不带参数的函数句柄，从而实现了参数传递的功能。使用status和defaultStatus属性改变状态栏信息status和defaultStatus是window对象的属性，用于设置状态栏信息，语法为：window.status="message";window.defaultStatus="message";其中status属性就是用于设置状态栏显示的文本。而defaultStatus表示默认的状态栏信息，例如默认情况下IE浏览器会显示“完毕”，而Firefox浏览器则显示“完成”。可以通过defaultStatus来改变这一信息。使用alert、prompt和confirm语句与用户进行交互这三个语句都是弹出一个对话框，来处理用户输入。它们都是window对象的一个方法，在实际使用时，常常省略window，而直接写成alert("hello")类似的形式。下面分别介绍：1．alert语句该语句的原型是：window.alert(message);alert接收一个参数，该参数将转换为字符串直接显示在对话框上，例如：alert("hello,ajax");2．prompt语句该语句的原型是：window.prompt(message,defaultValue);prompt用于让用户输入一个值，其中message表示提示信息，defaultValue表示显示于文本框的初始值；函数返回用户的输入。对话框包括【确定】和【取消】两个按钮，用户单击【确定】按钮则返回文本框中的内容，单击【取消】则返回null。例如：var userName=window.prompt("请输入您的姓名：","");alert("hello,"+userName);其中prompt提示用户输入其姓名，使用userName变量获取用户输入，并显示欢迎信息。
3．confirm语句该语句的原型是：window.confirm(message);其作用是显示一条信息让用户确认，弹出的对话框包括【确定】和【取消】两个按钮，如果用户单击【确定】，则confirm函数返回true，否则返回false。例如下面的语句：if(confirm("确定删除该记录吗？")){&&&&&& //删除记录的操作}else{&&&&&& //不删除记录}
发表评论：
TA的最新馆藏[转]&[转]&[转]&[转]&[转]&[转]&这个问题纠结了我半天，现在现在终于明白了，在这里给大家详细，谈论window.open() 浏览器拦截问题。
&&&&&&&前言，在项目中突然间遇到了一个情况，同样的代码怎么有点地方window.open()打开的新页面不被拦截，有的地方又被拦截了呢，我百思不得其解，于是上网查了下，终于明白这是什么原因了，下面一一讲述。
& &现在，先讲下打开新页面的方法，主要有一下几种：
& & & &第一种：a标签&'&a href="test.php"target="_blank"&，target="_blank"为打开一个新的窗口，否则，为当前页面跳转到指定页面；
& & & &第二种：form表单'&form action="drag.html" method="get" id="form" target="_blank"/&&/form&',提交表单即可打开新页面，target='target',则将表单信息提交至新打开的指定页面，否则当前页面跳转到指定页面；
& & & 第三种：window.location &执行window.location='test.php',页面将跳转到指定页面。
&&&& &第四种：window.open(url);执行window.open('test.php'),将会打开心新的指定页面，当前页面不变。&
&&&& &现在在对浏览器打开新页面的问题做一下简单小结，浏览器对于用户点击行为直接打开的页面一般不会拦截，比如不通过JS直接点击a、提交form表单，浏览器是不会阻止其跳转页面或者打开新页面行为的。但是对于JS打开新页面浏览器会好好审核的，如下面的例子，很多浏览器回去拦截。
&form&action="test.php"&method="get"&id="form"&target="_blank"/&//target为弹出新窗口
&&&&&input&type="hidden"&name="name"&value="ck"&
&&&&&input&type="hidden"id="pwd"&&name="id"&value="123456"&
&&&&&input&type="submit"&style="display:"&&value="提交"&&
&button&id="btnSubmitForm"&点击我提交表单&/button&
&button&id="btnAjaxSubmitForm"&点击我发送ajax提交表单&/button&
&script&src="js/jquery-1.8.0.min.js"&&/script&
&&&&$("#btnSubmitForm").on('click,function(){
&&&&&&&&&window.open(url);
&&&&&&&&$("#form").submit();
&&&&//下面这种代码是系统自动执行的默认会被拦截。
&&&&window.open(url);
&&&&$("#form").submit();
&&&&$("#btnSubmitForm").trigger('click');
&&&&$.post(url,json,function(){
&&&&&&&&//下面两种也会被浏览器当成广告给拦截掉。浏览器认为ajax发送之后执行的以下事件等同于系统自动触发的都会去阻止。
&&&&&&&&window.open(url);
&&&&&&&&$("#form").submit();
&&&&&&&&$("#btnSubmitForm").trigger('click');
& & 上面是最简单的2种会被浏览器当成广告的情况，那么该如何避免避免这种情况呢，很简单，我们可以通过以下方法：
&form&action="test.php"&method="get"&id="form"&target="_blank"/&//target为弹出新窗口
&&&&&input&type="hidden"&name="name"&value="ck"&
&&&&&input&type="hidden"id="pwd"&&name="id"&value="123456"&
&&&&&input&type="submit"&style="display:"&&value="提交"&&
&button&id="btnSubmitForm"&点击我提交表单&/button&
&button&id="btnAjaxSubmitForm"&点击我发送ajax提交表单&/button&
&script&src="js/jquery-1.8.0.min.js"&&/script&
&//&&第一种方法点击直接触发window.open()或者$(form).submit();
&&&&$("#btnSubmitForm").on('click,function(){
&&&&&&&&&window.open(url);
&&&&&&&&$("#form").submit();
&&&&//第二种方法&若是点击发送ajax触发方法，这里要强调一下不管是自动发送ajax还是手动发送ajax成功之后调用的方法内部用Window.open()或者$(form).submit()都可能会被认为是广告。下面我的解决方法是，手动同步发送ajax，之后
将ajax的值赋予变量，再在ajax方法之后调用Window.open()或者$(form).submit()就可以避免这种问题。
&&&$("#btnAjaxSubmitForm").on('click,function(){
&&&&&&&$.ajax({
url:&"test.php",
async:&false,
success:function(){
Window.open()或者$(form).submit()
&&&&这样就没问题了。
& 开源中国(OSChina.NET) |
开源中国社区(OSChina.net)是工信部
指定的官方社区