通过javascript跨页面传值

最新推荐文章于 2023-04-25 11:13:05 发布

liu7575165

最新推荐文章于 2023-04-25 11:13:05 发布

阅读量176

点赞数

分类专栏： javascript 文章标签： JavaScript XHTML HTML Blog ViewUI

本文链接：https://blog.csdn.net/liu7575165/article/details/83877015

版权

javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

本文转自: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 οnclick="testme();">Click me to set value</button>
</body>
</html>

liu7575165

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
通过javascript跨页面传值

本文转自:http://hi.baidu.com/crp8/blog/item/5959bbd3dea7c937960a1667.html通过javascript跨页面传值首先创建两个页面，Parent.htm和 Child.htm在Parent.htm里的html如下 Popup Child.htm show v...
复制链接

扫一扫

专栏目录