iframe&form的target学习

最新推荐文章于 2019-09-07 10:47:19 发布

原创最新推荐文章于 2019-09-07 10:47:19 发布 · 180 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#框架 #JSP #浏览器

JAVA基础知识专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种在不刷新整个页面的情况下仅更新特定iframe的方法。通过使用`target`属性指定提交表单后显示结果的iframe名称，可以实现局部内容的动态更新。这种方式常用于Web应用中需要频繁更新部分内容而保持其他部分稳定的情景。

Problem: 
刷新主页面中的其中一个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 指定其实就是你提交的页面要放的位置