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 指定其实就是你提交的页面要放的位置
分享到：
相关推荐
<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....
图片上传通常涉及表单提交，我们可以创建一个包含文件输入字段的表单，并将其设置为`iframe`的`target`，这样表单提交就不会导致整个页面刷新。例如： ```html <form action="upload....
Panel有自己的布局管理器，可以设置为各种布局模式，如fit、border、form等，来决定其内部组件的排列方式。 `IFrame`则是一个在Web页面中嵌入另一个HTML页面的元素。在ExtJS中，我们通常使用`xtype: 'iframe'`来...
首先，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=’...