刷新主页面中的其中一个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,在当前的整个浏览器窗口中打开所链接的文档,因而会删除所有框架
分享到:
相关推荐
<form action="login.php" method="post" target="FORMSUBMIT" name="form1"> <div class="TxtUser" id="userlogindiv"> 用户名:<input name="username" id="username" type="text" size="18" > 密码: ...
js控制/获取a.html中iframe加载的b.html中的iframe,很多人都以为getElementById可以直接获取,其实不行的,以上代码就解决了这个问题,js控制iframe加载页面的iframe,不过测试只在IE和火狐通过,谷歌不行,其他自...
首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,然后在Iframe页面的Form 标签中定义target属性,并且其值也必须与之前定义的window....
a、js创建form表单,iframe,添加到body里,form的target要和iframe的name一致。 b、form表单里更新数据,submit提交 c、如果上传文件,图片,form里面添加 input-file 元素,绑定onchange事件,js触发,在...
基本原理就是在页面增加一个隐藏iframe,然后通过ajax提交除文件之外的表单数据,在表单数据提交成功之后的回调函数中,通过form单独提交文件,而这个提交文件的form的target就指向前述隐藏的iframe。 html 代码 ...
iframe 的name可以是link或者form的target,将link或form打开到这个iframe上。 之前在IE遇到过设置不了iframe的name属性 JavaScript代码 var iframe = document.createElement('iframe'); iframe.name = 'ifr'; //...
我们通过动态的创建iframe,修改form的target,来实现无跳转的文件上传。 具体的实现步骤 1.捕捉表单提交事件 2.创建一个iframe 3.修改表单的target,指向iframe 4.删除iframe file.html代码如下: <!DOCTYPE ...
代码注释都很详尽! 如果用户想实现无刷新上传附件的话,可以在表单form后面加一个隐藏的iframe,比如: <iframe id="ifm" name="ifm" style="display:none" ></iframe> 然后在form的target属性设置为"ifm"即可!
大家应该可以举出几种常用的异步文件上传功能的实现方式,使用频率较多的有原生ajax和iframe框架,实现图片文件上传,下面就为大家分享图片文件上传的两种方式:原生ajax和iframe框架,供大家参考,具体内容如下 ...
form action=’b.php’ method=’post’ name=” id=” target=’formTarget’> <input type=’text’ name=’username’ id=” placeholder=” value=” /> <input type=’submit’ name=” value=’...
form id=”form0″ action=”${pageContext.request.contextPath}/news/baikeAdd.form” enctype=”multipart/form-data” method=”POST” target=”hidden_frame”> … … </form> <iframe name=’...
其实在ajax出现之前,web应用也可以是无刷新的,那时大多通过IFrame来做到这一点。当然Ajax出现之后,人们一窝蜂地投奔Ajax 的阵营...form id="supplyformFile" name="formFile" method="post" target="frameFile" enc
form id=”form” name=”form” method=”POST” enctype=”multipart/form-data” action=”action1.jsp” target=”iframe”> <input type=”file” name=”file” id=”file” class=”input_text80″>...
//设置iframe,form和表单控件 this._setIframe(); this._setForm(); this._setInput(); //设置超时 if ( this.timeout > 0 ) { this._timer = setTimeout( $$F.bind(this._timeout, this), this.time...
form action=’b.php’ method=’post’ name=” id=” target=’formTarget’> <input type=’text’ name=’username’ id=” placeholder=” value=” /> <input type=’submit’ name=” value=’...
form action=”/ShopActivitys/ImportActivityItems” id=”form1″ name=”form1″ enctype=”multipart/form-data” method=”post” target=”hidden_frame”> <table style=”width: 300px;”
(1) jsp代码: <form id="form" name="form" enctype="multipart/form-data" method="post" target="hidden_frame"> 控件标识 <
代码中有详细的注释,原理就是创建一个隐藏的iframe,把from的target设置成该iframe form.setAttribute('target', iframe.name); 具体可以看ajaxfileuplad.js的代码。
form enctype=”multipart/form-data” method=”POST” target=”upload” action=”http://localhost/class.upload.php” > <input type=”file” name=”uploadfile” /> <input type=”submit” /&...
所以我们引入一个嵌入框架来解决这个问题。具体的原理是:当表单在提交数据的时候,不将提交目标设置为当前的页面,而是当前页面中的一个...form name=”testform” method=”post” action=”apply.cgi” target=”sub