当设置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
点击查看更多内容
为 TA 点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
相关文章推荐
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦