iframe&form的target学习

最新推荐文章于 2022-08-05 09:28:04 发布

凯文司机

最新推荐文章于 2022-08-05 09:28:04 发布

阅读量805

点赞数

分类专栏： HTML JSP 文章标签： iframe 框架浏览器文档 div list

8 篇文章

订阅专栏

5 篇文章

订阅专栏

本文介绍了一种在不重新加载整个页面的情况下仅更新特定iframe内容的方法。通过设置表单的target属性为待更新的iframe名称，可以实现仅刷新指定的iframe而保留其他页面元素不变。这种方法适用于需要局部更新内容的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Code:

刷新主页面中的其中一个iframe,其他内容不变
Solution:
main.jsp
<body onload="getValueFromFrame()">
<form>
<div>
<iframe name="query" src="query.jsp"></iframe>
<iframe name="list"></iframe>
</div>
<div>
<iframe name="theID"></iframe>
<iframe name="theName"></iframe>
</div>
</form>
</body>
query.jsp
<form action="list.jsp" method="post" target="list">
<input type="text" name="theName">
<input type="submit" value="Submit"/>
</form>
list.jsp
<body>
<%=request.getParameter("theName") %>
</body>
target属性：
_blank ---------- 新开窗口
_self ----------- 自身
_top ------------ 主框架
_parent --------- 父框架
自定义名字 ----- 出现于框架结构，将会在该名称的框架内打开链接
target这个属性指定所链接的页面在浏览器窗口中的打开方式，它的参数值主要有：_blank、_parent、_self、_top，这些参数值代表的含义如下：
◎_blank，在新浏览器窗口中打开链接文件。
◎_parent，将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象_self参数一样。
◎_self，在同一框架或窗口中打开所链接的文档。此参数为默认值，通常不用指定。
但是我不太理解
◎_top，在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架
target 指定其实就是你提交的页面要放的位置