(转)跨页面传值（含框架结构）

最新推荐文章于 2025-03-21 16:53:29 发布

原创最新推荐文章于 2025-03-21 16:53:29 发布 · 150 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种在多个网页间传递数据的方法，通过实例演示了如何从一个弹出窗口获取数据并将其传递到另一个页面的过程。适用于需要跨页面同步数据的应用场景。

双页面传值我们经常都会遇到。一般采用parent 或者 opener 都可以轻松解决。

今天做一个无组件上传，在文件上传完毕后要同时把文件的上传记录写入数据库，这时候就要把文件名称提取到起始终页面上进行数据保存。在这里遇到三个页面。

A页面----数据写入数据库（做数据记录用）同时存在要获得上传文件名称的TEXT文本框。

B页面----文件上传页面同时附带进度显示等信息。

C页面----此页面以框架结构内嵌在B页面中。主要作用是当B页面显示文件上传完毕后。显示文件信息（如：文件原来名称。上传后名称。等等）

目地：要在把C页关闭的同时将C页上取得的文件上传后的名字写入到A页中的TEXT文本框中。

实际代码不方便放上来（替人打工 ^_^），所以贴一个简化后的例子：

新建3个文件起始页a.html 框架页b.html 取值页c.html 具体代码如下：

起始页a.html

<html>
<head>
<title>起始页面</title>
</head>
<script>
function openScript(url, width, height){
var Win = window.open(url,"openScript",'width=' + width + ',height=' + height + ',resizable=1,scrollbars=yes,menubar=no,status=yes' );
}
</script>
<body>
<FORM action=upload method=post ><INPUT type=text value=""> <a href=;打开演示窗口</a>
</FORM>
</body>
</html>

框架页b.html

取值页c.html

<html>
<head>
<title>取值页面8888888即为要取的值</title>
</head>