Iframe页面请求跳转问题解决

共2个文件

html：2个

Iframe

页面请求

4星 · 超过85%的资源需积分: 42 89 下载量 41 浏览量 2012-05-31 18:13:49 上传评论 1 收藏 2KB ZIP 举报

温馨提示

首先在父页面的javascript给定义一个window.name，并赋予一个字符串值，如window.name="test"，其中赋予的字符串值可以随意定义，然后在Iframe页面的Form 标签中定义target属性，并且其值也必须与之前定义的window.name的值相同，即<form method="post" target="test" >，在子页面提交后即可刷新父页面跳转到指定的请求页面. 此资源由网友提供。谢谢！

资源推荐

资源详情

资源评论

收起资源包目录

父窗口与子窗口.zip （2个子文件）

父窗口与子窗口

index.html 1KB

Iframe.html 655B

共 2 条

<strong></strong><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>父窗口与子窗口</title> <style type="text/css"> #windowIframe{border:2px solid #F00; height:230px; width:100%;} #windowOpen{ border:2px solid #666; min-height:200px;_height:200px; width:100%; margin:20 0px;} #showModalDialog{ border:2px solid #C6C; height:200px;} .ParentDiv{ text-align:center; background-color:#F09; color:#FFF; font-size:14px;} .FloatLeft{ float:left;} .FloatRight{ float:right;} .ClearFloat{ clear:both; font-size:0px; height:0px; overflow:hidden;} .width_45{ width:45%;} </style> <script type="text/javascript"> window.name="myWin"; </script> </head> <body> <div id="windowIframe"> <div class="ParentDiv" id="ParentDiv">Iframe</div> <div class="width_45 FloatLeft "> <br /> <div id="IframeDiv">我是父窗口中的div</div> 啊啊啊啊啊 <br /> </div> <div class="width_45 FloatLeft"> <iframe id="Iframe1" width="300px" height="200px" src="Iframe.html"></iframe> </div> </div> </body> </html>

评论收藏

内容反馈