当设置form的target属性为iframe的name时，浏览器查找iframe的范围并不只是form所在body中的iframe，而是_top页面及子孙页面中全部iframe。
测试如下：
图片.png
a2为iframe a1中的iframe页面，在a2页面中提交form，form的target设置为b2，b2为iframe b1中的iframe，点击提交按钮，可以看到b2跳转成功，如下图：
图片.png
index.html
<html> <body> index page <iframe name="a1" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="a1.html" width="100%" height="200"></iframe> <iframe name="b1" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="b1.html" width="100%" height="200"></iframe> </body></html>
a1.html
<html> <body> a1 page <iframe name="a2" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="a2.html" width="100%" height="100" /> </body></html>
b1.html
<html> <body> a2 page, form target is b2, action is http://www.baidu.com. <form target="b2" action="http://www.baidu.com"> <input type="submit"/> </form> </body></html>
a2.html
<html> <body> b1 page, below frame is b2. <iframe name="b2" width="100%" height="100" /> </body></html>
作者：sakura_na
链接：https://www.jianshu.com/p/b7ad335ac7df
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學(xué)習(xí)，寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持，我會繼續(xù)努力的～
掃碼打賞，你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃，即可進行掃碼打賞哦