`

iframe form 和target的讨论【转】

阅读更多
刷新主页面中的其中一个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,在当前的整个浏览器窗口中打开所链接的文档,因而会删除所有框架

 

分享到:
评论

相关推荐

    用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。

    &lt;form action="login.php" method="post" target="FORMSUBMIT" name="form1"&gt; &lt;div class="TxtUser" id="userlogindiv"&gt; 用户名:&lt;input name="username" id="username" type="text" size="18" &gt; 密码: ...

    js获取控制iframe中iframe的src

    js控制/获取a.html中iframe加载的b.html中的iframe,很多人都以为getElementById可以直接获取,其实不行的,以上代码就解决了这个问题,js控制iframe加载页面的iframe,不过测试只在IE和火狐通过,谷歌不行,其他自...

    Iframe页面请求跳转问题解决

    首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,然后在Iframe页面的Form 标签中定义target属性,并且其值也必须与之前定义的window....

    文件上传,iframe跨域数据提交的实现

     a、js创建form表单,iframe,添加到body里,form的target要和iframe的name一致。  b、form表单里更新数据,submit提交  c、如果上传文件,图片,form里面添加 input-file 元素,绑定onchange事件,js触发,在...

    Ajax方式提交带文件上传的表单及隐藏iframe应用

    基本原理就是在页面增加一个隐藏iframe,然后通过ajax提交除文件之外的表单数据,在表单数据提交成功之后的回调函数中,通过form单独提交文件,而这个提交文件的form的target就指向前述隐藏的iframe。 html 代码 ...

    IE中document.createElement的iframe无法设置属性name的解决方法

    iframe 的name可以是link或者form的target,将link或form打开到这个iframe上。 之前在IE遇到过设置不了iframe的name属性 JavaScript代码 var iframe = document.createElement('iframe'); iframe.name = 'ifr'; //...

    php+iframe 实现上传文件功能示例

    我们通过动态的创建iframe,修改form的target,来实现无跳转的文件上传。 具体的实现步骤 1.捕捉表单提交事件 2.创建一个iframe 3.修改表单的target,指向iframe 4.删除iframe file.html代码如下: &lt;!DOCTYPE ...

    文件上传下载示例(可以输入用户名上传,并且可以查看或下载某用户名上传的附件)

    代码注释都很详尽! 如果用户想实现无刷新上传附件的话,可以在表单form后面加一个隐藏的iframe,比如: &lt;iframe id="ifm" name="ifm" style="display:none" &gt;&lt;/iframe&gt; 然后在form的target属性设置为"ifm"即可!

    原生ajax和iframe框架实现图片文件上传的两种方式

    大家应该可以举出几种常用的异步文件上传功能的实现方式,使用频率较多的有原生ajax和iframe框架,实现图片文件上传,下面就为大家分享图片文件上传的两种方式:原生ajax和iframe框架,供大家参考,具体内容如下 ...

    iframe式ajax调用示例

    form action=’b.php’ method=’post’ name=” id=” target=’formTarget’&gt; &lt;input type=’text’ name=’username’ id=” placeholder=” value=” /&gt; &lt;input type=’submit’ name=” value=’...

    基于iframe实现类似于ajax的页面无刷新

    form id=”form0″ action=”${pageContext.request.contextPath}/news/baikeAdd.form” enctype=”multipart/form-data” method=”POST” target=”hidden_frame”&gt; … … &lt;/form&gt; &lt;iframe name=’...

    通过隐藏iframe实现无刷新上传文件操作

    其实在ajax出现之前,web应用也可以是无刷新的,那时大多通过IFrame来做到这一点。当然Ajax出现之后,人们一窝蜂地投奔Ajax 的阵营...form id="supplyformFile" name="formFile" method="post" target="frameFile" enc

    jquery动态改变form属性提交表单

    form id=”form” name=”form” method=”POST” enctype=”multipart/form-data” action=”action1.jsp” target=”iframe”&gt; &lt;input type=”file” name=”file” id=”file” class=”input_text80″&gt;...

    ASP.NET无刷新上传.rar

    //设置iframe,form和表单控件 this._setIframe(); this._setForm(); this._setInput(); //设置超时 if ( this.timeout &gt; 0 ) { this._timer = setTimeout( $$F.bind(this._timeout, this), this.time...

    iframe式ajax调用示例代码

    form action=’b.php’ method=’post’ name=” id=” target=’formTarget’&gt; &lt;input type=’text’ name=’username’ id=” placeholder=” value=” /&gt; &lt;input type=’submit’ name=” value=’...

    asp.net中MVC借助Iframe实现无刷新上传文件实例

    form action=”/ShopActivitys/ImportActivityItems” id=”form1″ name=”form1″ enctype=”multipart/form-data” method=”post” target=”hidden_frame”&gt;  &lt;table style=”width: 300px;”

    form+iframe解决跨域上传文件的方法

    (1) jsp代码: &lt;form id="form" name="form" enctype="multipart/form-data" method="post" target="hidden_frame"&gt; 控件标识 &lt;

    使用ajax文件上传的具体实现-完整工程

    代码中有详细的注释,原理就是创建一个隐藏的iframe,把from的target设置成该iframe form.setAttribute('target', iframe.name); 具体可以看ajaxfileuplad.js的代码。

    php+iframe实现隐藏无刷新上传文件

    form enctype=”multipart/form-data” method=”POST” target=”upload” action=”http://localhost/class.upload.php” &gt; &lt;input type=”file” name=”uploadfile” /&gt; &lt;input type=”submit” /&...

    使用iframe实现提交表单不刷新页面

    所以我们引入一个嵌入框架来解决这个问题。具体的原理是:当表单在提交数据的时候,不将提交目标设置为当前的页面,而是当前页面中的一个...form name=”testform” method=”post” action=”apply.cgi” target=”sub

Global site tag (gtag.js) - Google Analytics