(转)通过javascript跨页面传值

最新推荐文章于 2024-06-04 18:14:35 发布

马立弘

最新推荐文章于 2024-06-04 18:14:35 发布

阅读量3.1k

点赞数

分类专栏： asp.net 文章标签： javascript html input button function c

asp.net 专栏收录该内容

57 篇文章 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 onclick ="testme();" > Click me to set value </ button >
</ body >
</ html >
好了，运行一下例子，怎么样，真的很实用的吧？嘻嘻