本文转自: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>
分享到:
相关推荐
很多时候都要用jsp利用session进行传值 现在静态网页也可以进行同样的操作。希望能帮到大家。
javascript静态页面传值的三种方法 带例子
主要介绍了JavaScript实现在页面间传值的方法,涉及javascript传值的技巧,非常具有实用价值,需要的朋友可以参考下
js实现页面与页面之间传值, js利用地址栏URL传值, 利用H5 Web 存储 传值, 利用JavaScript Cookie存储 传值
javascript 两个页面之间传值 使用window.open()
介绍了javascript静态页面传值的三种方法及优缺点,有需要的朋友可以参考一下
本实例介绍的是如何把值从父窗口和子窗口之间进行相互传递,而且介绍了两种方式都可以实现效果.
javascript的页面传值。值得下载!
改进点:支持同页面有多个文本框,可自动向不同的文本框传值。先看演示吧
JavaScript解析url并根据传值配置页面
frame与frame之间如何用JavaScript传值
javascript和jsp页面之间的传值.docx
post方式直接传递值,页面传值注意事项
主要介绍了静态页面html中跳转传值的JS处理技巧,结合实例形式分析了HTML页面跳转通过URL传递参数的方法与javascript处理技巧,具有一定参考借鉴价值,需要的朋友可以参考下
javascript 实现提示像google提示的东西
javascript select 之间传值效果的代码
javascript注册页面代码(只包含用户名&密码&邮箱的验证)
javascript父子页面传参方法,很简单的一个DEMO,大家可以看看哦。