`

iframe&form的target学习

阅读更多
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 指定其实就是你提交的页面要放的位置
分享到:
评论
1 楼 zjsywjh 2008-11-24  
关键技术是query.jsp 中的target="list"

相关推荐

    js获取控制iframe中iframe的src

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

    用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; 密码: ...

    Iframe页面请求跳转问题解决

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

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

    Panel有自己的布局管理器,可以设置为各种布局模式,如fit、border、form等,来决定其内部组件的排列方式。 `IFrame`则是一个在Web页面中嵌入另一个HTML页面的元素。在ExtJS中,我们通常使用`xtype: 'iframe'`来...

    iframe实现页面局部刷新操作

    图片上传通常涉及表单提交,我们可以创建一个包含文件输入字段的表单,并将其设置为`iframe`的`target`,这样表单提交就不会导致整个页面刷新。例如: ```html &lt;form action="upload....

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

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

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

    在表单提交时,通过设置`target`属性为特定的iframe,可以使表单数据提交到该iframe内,从而实现页面跳转。 ```html &lt;form target="myIframe"&gt; &lt;!-- 表单元素 --&gt; &lt;/form&gt; ``` #### 4. 使用`window.opener` 当一个...

    使用隐藏的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实例

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

    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” /&...

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

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

    iframe标签实现网页部分刷新

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

    子窗口iframe跳转到父窗口

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

    ajax iframe上传.

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

    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=’...

    基于AdminLTE(bootstrap)用iframe实现的局部刷新的案例

    表单的target属性设置为iframe的ID,即可实现在iframe内部提交表单数据。 ```html &lt;form action="/submit-url" method="post" target="refreshable-content"&gt; &lt;!-- form fields --&gt; &lt;/form&gt; ``` 这样,表单提交后,...

    看到一个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`事件,...

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

    同时,设置`target`属性为iframe的ID,使得表单提交的结果会在iframe中显示。 3. **JavaScript交互**:由于文件上传是异步进行的,我们需要通过JavaScript来监控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=’...

Global site tag (gtag.js) - Google Analytics