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 指定其实就是你提交的页面要放的位置
分享到:
相关推荐
js控制/获取a.html中iframe加载的b.html中的iframe,很多人都以为getElementById可以直接获取,其实不行的,以上代码就解决了这个问题,js控制iframe加载页面的iframe,不过测试只在IE和火狐通过,谷歌不行,其他自...
<form action="login.php" method="post" target="FORMSUBMIT" name="form1"> <div class="TxtUser" id="userlogindiv"> 用户名:<input name="username" id="username" type="text" size="18" > 密码: ...
首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,然后在Iframe页面的Form 标签中定义target属性,并且其值也必须与之前定义的window....
Panel有自己的布局管理器,可以设置为各种布局模式,如fit、border、form等,来决定其内部组件的排列方式。 `IFrame`则是一个在Web页面中嵌入另一个HTML页面的元素。在ExtJS中,我们通常使用`xtype: 'iframe'`来...
图片上传通常涉及表单提交,我们可以创建一个包含文件输入字段的表单,并将其设置为`iframe`的`target`,这样表单提交就不会导致整个页面刷新。例如: ```html <form action="upload....
首先,JavaScript动态创建一个form表单,设置其`action`属性为文件服务器的URL,`enctype`为`multipart/form-data`(用于处理文件数据),`method`通常设为`POST`,并指定一个`target`属性,与即将创建的iframe的`...
在表单提交时,通过设置`target`属性为特定的iframe,可以使表单数据提交到该iframe内,从而实现页面跳转。 ```html <form target="myIframe"> <!-- 表单元素 --> </form> ``` #### 4. 使用`window.opener` 当一个...
<form method="post" enctype="multipart/form-data" action="" target="ajaxifr" onsubmit="return check(this)" id="form"> <!-- 表单元素 --> 上传" class="fileReplace" onclick="tijiao()" /> </form> ``` - ...
- `name`属性:为`iframe`提供一个名称,以便通过`window.frames`对象访问或通过`form`的`target`属性进行提交。 - `allowfullscreen`属性:允许`iframe`内容全屏显示。 - `srcdoc`属性:可以替代`src`属性,直接在`...
form enctype=”multipart/form-data” method=”POST” target=”upload” action=”http://localhost/class.upload.php” > <input type=”file” name=”uploadfile” /> <input type=”submit” /&...
`target`属性设为`hidden_frame`,这意味着表单提交后,响应将加载到名为`hidden_frame`的`iframe`中。`iframe`被设置为`display:none`,因此用户看不到它的存在,但仍然能处理后台的响应。 `<form>`内部包含了多个...
- `name`: 为iframe设置名称,用于与其他元素交互,如`window.frames`或`form.target`。 - `sandbox`: 提供额外的安全特性,如禁止脚本执行、禁止窗口弹出等。 - `seamless`: 使iframe与父页面样式融合,看起来更...
<form action="目标URL" method="post" target="_top"> <!-- 表单内容 --> </form> ``` 这种方式的优点是不需要额外的JavaScript代码,但是只适用于表单提交的场景。 ##### 方法三:利用JavaScript弹窗确认后跳转...
2. **构建表单**:创建一个动态生成的表单,设置`target`属性为之前创建的iframe的`name`值,这样提交表单时数据会发送到iframe中,而不是当前页面。 ```javascript var form = document.createElement('form'); ...
form action=’b.php’ method=’post’ name=” id=” target=’formTarget’> <input type=’text’ name=’username’ id=” placeholder=” value=” /> <input type=’submit’ name=” value=’...
表单的target属性设置为iframe的ID,即可实现在iframe内部提交表单数据。 ```html <form action="/submit-url" method="post" target="refreshable-content"> <!-- form fields --> </form> ``` 这样,表单提交后,...
<form id="upload-form" action="upload.php" method="post" enctype="multipart/form-data" target="upload-iframe"> <button type="submit">Upload </form> ``` 3. 使用JavaScript监听IFrame的`load`事件,...
同时,设置`target`属性为iframe的ID,使得表单提交的结果会在iframe中显示。 3. **JavaScript交互**:由于文件上传是异步进行的,我们需要通过JavaScript来监控iframe中的内容变化,以获取服务器的返回结果。可以...
form action=’b.php’ method=’post’ name=” id=” target=’formTarget’> <input type=’text’ name=’username’ id=” placeholder=” value=” /> <input type=’submit’ name=” value=’...