`

iframe form 和target的讨论【转】

框架JSP浏览器 
阅读更多
刷新主页面中的其中一个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提交表单，主要是将表单提交到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实现页面局部刷新操作

    在本案例中，我们将讨论如何利用`iframe`来实现图片的上传和无刷新展示，以及涉及到的PHP和jQuery技术。 首先，`iframe`的基本用法是在HTML中创建一个`&lt;iframe&gt;`标签，并为其指定`src`属性，指向要加载的页面URL。...

    Iframe页面请求跳转问题解决

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

    JS页面跳转和js对iframe进行页面跳转、刷新

    在IT领域，特别是前端开发中，JavaScript（简称JS）被广泛用于实现网页的动态功能，包括页面跳转和对iframe内的页面进行跳转与刷新。本文将深入解析JS页面跳转的各种方法，以及如何利用JS操作iframe进行页面跳转和...

    ext使用--Panel和iframe联合使用时页面高度的解决方法

    在处理复杂的用户界面时，Panel和IFrame的组合使用是常见的场景。当Panel包含一个IFrame时，可能会遇到页面高度调整的问题，特别是在动态加载内容或者IFrame内页面高度不固定时。本文将深入探讨如何在使用ExtJS时...

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

    - **创建form和iframe**：首先，JavaScript动态创建一个form表单，设置其`action`属性为文件服务器的URL，`enctype`为`multipart/form-data`（用于处理文件数据），`method`通常设为`POST`，并指定一个`target`属性...

    iframe标签实现网页部分刷新

    - `name`: 为iframe设置名称，用于与其他元素交互，如`window.frames`或`form.target`。 - `sandbox`: 提供额外的安全特性，如禁止脚本执行、禁止窗口弹出等。 - `seamless`: 使iframe与父页面样式融合，看起来更...

    iframe实例

    - `name`属性：为`iframe`提供一个名称，以便通过`window.frames`对象访问或通过`form`的`target`属性进行提交。 - `allowfullscreen`属性：允许`iframe`内容全屏显示。 - `srcdoc`属性：可以替代`src`属性，直接在`...

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

    `target`属性设为`hidden_frame`，这意味着表单提交后，响应将加载到名为`hidden_frame`的`iframe`中。`iframe`被设置为`display:none`，因此用户看不到它的存在，但仍然能处理后台的响应。 `&lt;form&gt;`内部包含了多个...

    ajax iframe上传.

    2. **构建表单**：创建一个动态生成的表单，设置`target`属性为之前创建的iframe的`name`值，这样提交表单时数据会发送到iframe中，而不是当前页面。 ```javascript var form = document.createElement('form'); ...

    使用隐藏的Iframe实现ajax无刷新上传

    &lt;form method="post" enctype="multipart/form-data" action="" target="ajaxifr" onsubmit="return check(this)" id="form"&gt; &lt;!-- 表单元素 --&gt; 上传" class="fileReplace" onclick="tijiao()" /&gt; &lt;/form&gt; ``` - ...

    子窗口iframe跳转到父窗口

    &lt;form action="目标URL" method="post" target="_top"&gt; &lt;!-- 表单内容 --&gt; &lt;/form&gt; ``` 这种方式的优点是不需要额外的JavaScript代码，但是只适用于表单提交的场景。 ##### 方法三：利用JavaScript弹窗确认后跳转...

    基于AdminLTE（bootstrap）用iframe实现的局部刷新的案例

    在本文中，我们将深入探讨如何基于AdminLTE，利用Bootstrap框架，使用JavaScript和iframe技术实现局部刷新功能。AdminLTE是一款流行的后台管理模板，它基于Bootstrap，提供了丰富的组件和强大的功能，适用于构建现代...

    看到一个js 的ajax的upload用iframe实现

    &lt;form id="upload-form" action="upload.php" method="post" enctype="multipart/form-data" target="upload-iframe"&gt; &lt;button type="submit"&gt;Upload &lt;/form&gt; ``` 3. 使用JavaScript监听IFrame的`load`事件，...

    详解Ajax和form+iframe 实现文件上传的方法(两种方式)

    传统的表单提交方法虽然简单，但用户体验较差，而Ajax和form+iframe的实现方式可以显著提升用户交互体验。本文将详细解释如何使用Ajax和form+iframe两种方式来实现文件上传功能。 ### Ajax文件上传 Ajax...

    asp上传大全之四iframe上传组件

    同时，设置`target`属性为iframe的ID，使得表单提交的结果会在iframe中显示。 3. **JavaScript交互**：由于文件上传是异步进行的，我们需要通过JavaScript来监控iframe中的内容变化，以获取服务器的返回结果。可以...

    iframe实现图片异步上传.doc

    `&lt;iframe&gt;`元素是关键，它的`name`属性被用作表单的`target`，使得表单提交不会导致页面重载，而是通过`iframe`进行。 2. **JSP与标签库**： JSP（JavaServer Pages）用于动态生成HTML，其中`&lt;c:forEach&gt;`是JSTL...

    php+iframe 无刷新上传

    同时，为了利用iframe实现无刷新上传，`target`属性应设置为iframe的ID。 3. **IFrame应用** IFrame作为目标表单提交点，可以让表单提交在背景中进行，不更新整个页面。创建一个隐藏的iframe，将表单的`action`...

Magicbox
Global site tag (gtag.js) - Google Analytics