美文网首页网页前端后台技巧(CSS+HTML)
form的target属性作用域的问题

form的target属性作用域的问题

作者: sakura_na | 来源:发表于2018-08-15 10:02 被阅读3次

当设置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" src="a1.html" width="100%" height="200"></iframe>
    <iframe name="b1" src="b1.html" width="100%" height="200"></iframe>
  </body>
</html>

a1.html

<html>
  <body>
    a1 page
    <iframe name="a2" src="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>

相关文章

  • form的target属性作用域的问题

    当设置form的target属性为iframe的name时,浏览器查找iframe的范围并不只是form所在bod...

  • 细说from标签

    举例: form标签属性 标签有几个属性,分别是action、method、enctype和target属性。这几...

  • form 表单

    form 表单 里的属性 action :提交地址 target : 跳转方式 _self (当前...

  • 表单提交的使用及enctype属性

    form表单几个比较重要的属性:action,name,method,enctype,target。action:...

  • 常见标签详解

    a标签 1.a标签的href属性 2.a标签的target属性 3.a标签的download属性 form标签 标...

  • 2018-07-10 表单 总结

    表单域---

    ---即为创建一个表单 语法: 常见属性: 1. action: 在表单收集...

  • 2021-03-26

    html 简述超链接target属性的取值和作用a 标签的target属性规定在何处打开链接文档语法: _blan...

  • 《52个有效方法》笔记2——关于“属性”的一些细节

    关于“属性” 属性的作用域: 很多语言在定义属性时可以指定其作用域(private/public等),OC中也有该...

  • form表单知识总结

    form表单的作用及input标签 form表单的作用 填写用户信息,提交给后台。 标签及属性 input标签及属...

  • 前端面试知识点

    一、作用域(全局作用域、函数作用域) 、全局作用域顾名思义:也就是挂在window上下文中的属性,或者functi...

网友评论

    本文标题:form的target属性作用域的问题

    本文链接:https://www.haomeiwen.com/subject/jleibftx.html