本文转自:http://hi.baidu.com/crp8/blog/item/5959bbd3dea7c937960a1667.html
通过javascript跨页面传值
首先创建两个页面，Parent.htm和 Child.htm在Parent.htm里的html如下
<!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">
<body>
<input id="hidden_Input" type="hidden" />
<a href="child.htm" target="_blank">Popup Child.htm</a>
<a href="javascript:alert(document.getElementById('hidden_Input').value);">show value</a>
</body>
</html>
在Child.htm里的html如下
<!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>
<script type="text/javascript">
function testme()
{
var parent = window.parent.opener;
var hiddenInput = parent.document.getElementById('hidden_Input');
if(hiddenInput)
{
hiddenInput.value = 'show me the money, hahaha';
alert('close this window and see what happens on parent.htm~');
window.close();
}
}
</script>
<title></title>
</head>
<body>
<button onclick="testme();">Click me to set value</button>
</body>
</html>
分享到：
相关推荐
JavaScript跨网页传值是Web开发中的常见需求，它允许用户在不同的HTML页面间传递数据，无需依赖服务器端技术如JSP中的session。本教程将详细讲解如何实现这一功能，主要涉及JavaScript的基础知识以及一些实用技巧。 ...
以下将详细介绍五种跨页面传值的基本方法。 1. **URL参数传递**：这是最简单的方法，通过在链接的URL后面添加问号（?）和参数对来实现。例如，`http://example.com/page2.html?name=John&age=30`。在页面2中，可以...
1. **利用URL参数传递**：最简单的页面间传值方法是通过URL查询字符串。在超链接或表单提交中，我们可以把参数附加到URL后面，例如`跳转</a>`。在目标页面(child.html)中，可以通过`window.location.search`获取这些...
根据提供的文件信息，本文将详细解析C#中的跨页传值技术，并重点介绍几种常见的实现方式，包括利用JavaScript、GET请求、Application对象以及Session对象等方法。这些技术在Web开发中非常实用，尤其是在ASP.NET中。 ...
在JavaScript编程中，页面间传值是一个常见的需求，特别是在构建多窗口或框架的应用时。本实例将探讨如何在父窗口与子窗口之间有效地传递数据，以及两种实现这一目标的方法。 第一种方法是通过`window.open()`函数...
以上介绍了几种常用的JSP页面传值方式，包括使用表单、URL重写、JavaScript动态改变表单行为、JSP内置对象和标签库以及Cookie和Session。不同的场景下可以选择不同的方法来满足需求。在实际应用中，开发者还需要考虑...
标题"三级页面传值.."涉及到的正是这种跨页面的数据传递技术。在这个场景中，我们可能有三个层级的页面：首页（一级页面）、中间页（二级页面）以及详细页（三级页面），它们之间需要共享某些数据，比如用户选择的...
在本文中，我们将深入探讨如何使用UI-Router实现AngularJS的跨页面传值，这对于构建复杂的多页面应用至关重要。 首先，我们需要在发送页面（即源页面）的控制器中设置值的传递。在这个例子中，`CafeCtrl` 控制器...
### jQuery 实现页面之间的传值功能 #### 一、概述 在 Web 开发中，页面间的数据传递是一项基本且重要的任务。传统的表单提交方法虽然简单有效，但在用户体验上往往不尽如人意。随着 AJAX 技术的发展，利用 ...
在本文中，我们将深入探讨Web前端页面传值的实现方式，以及如何通过`location`、`href`等手段进行数据传输。首先，我们要理解页面传值的基本需求：在用户浏览网站时，有时需要在不同页面之间或同一页面的不同部分...
此外，对于需要跨页面保持的数据，可以使用session存储，通过session.getAttribute()和session.setAttribute()进行读写。 其次，后台传值则是指服务器将数据返回给前端的过程。在Java Web开发中，常见的方法包括...
### HBuilder MUI 页面刷新及页面传值问题详解 #### 一、页面刷新问题 在HBuilder MUI框架中，实现页面之间的数据刷新是常见...同时，利用`sessionStorage`来存储复杂数据类型，也可以方便地实现跨页面的数据共享。
"模式窗体页面传值"这一主题主要关注的是如何在模态对话框（模式窗体）与主窗口（页面）之间有效地传输数据。以下是一些关键知识点： 1. **模式窗体（Modal Form）**：模式窗体是一种阻止用户与窗口背后内容交互的...
这篇博客"EXTJS 不同页面之间的传值问题（数据不经过后台，通过页面取得）"探讨的就是如何在EXTJS应用的不同视图间传递数据，而无需通过后端接口。 首先，我们可以使用EXTJS的全局变量来实现简单的数据共享。全局...
本主题将深入探讨“GridView72绝技”中的一个关键技巧——页面传值，这涉及到如何在GridView的行操作（如点击事件）中获取并传递选定行的数据到其他页面或功能模块。 首先，了解GridView的基本结构和功能是必要的。...
除了上述方法，还可以利用`localStorage`或`sessionStorage`在同源策略下的不同页面间共享数据，或者通过`cookies`进行跨页面数据传递。但需要注意的是，`localStorage`和`sessionStorage`的数据存储量有限，而`...
HTML页面传值是Web开发中的基础技能，主要涉及在不同HTML页面之间或者同一页面内传递数据的方法。在本文中，我们将深入探讨几种常见的HTML页面传值技术，包括URL参数、表单提交、cookies、sessionStorage和...
四、跨页面传值和接值 在`father.html`和`child.html`这样的多页面环境中，我们通常使用URL参数、cookies、localStorage或sessionStorage等方式来传递值。例如，可以使用`window.location.href`改变URL并附带参数： ...
总结来说，`iframe`与父页面传值涉及的技术包括`postMessage`、`window.name`、查询字符串、hash等，并且需要注意跨域安全和同源策略的限制。这些技术在实际开发中被广泛应用于实现各种复杂功能，如组件化开发、页面...
当我们谈论“window.open父子窗口传值问题”，我们指的是在父窗口通过`window.open`创建了一个子窗口，并需要在两者之间进行数据通信的情况。 首先，让我们了解一下`window.open`的基本语法： ```javascript var ...