父窗体向子窗体传递数据

kite_KW 发布于 2014/02/26 09:04
阅读 232
收藏 0

各位

我有一个页面1,代码如下;当按页面中的年龄时,将年龄数拓传到页面2中的<h1></h1>中,怎么编写JS代码呀?比如按1.html中的 30,将30传给2.html中的<h1 id="mytext"></h1>

注意:1.html中加粗变斜的代码是通过jsp动态生成,具体多少行也不知道



1.html

< html>
 <head>
  <title>1.html</title>
  <script type="text/javascript">  
       function test()
       {  
        //弹出一个新窗口2.html
        window.open ('2.html')  
       }
     </script>
 </head>
 <body>
  <table>
   <thead><tr><th>姓名</th><th>年龄</th></tr></thead>
   <tr><td>小刘</td><td  onclick="test();" >30</td></tr>
   <tr><td>小康</td><td onclick="test();" >35</td></tr>
  </table>
 </body>
< /html>



2.html


< html>
< head>
< title>2.html</title>
< /head>

< body>
< h1 id="mytext">
< /h1>
< /body>
< /html>

加载中
0
k
kite_KW

可能没有说清楚,请看下面的

我有一个页面1,代码如下;当按页面中的年龄时,将年龄数拓传到页面2中的<h1></h1>中,怎么编写JS代码呀?比如按1.html中的 30,将30传给2.html中的<h1 id="mytext"></h1>

注意:1.html中加粗变斜的代码是通过jsp动态生成,具体多少行也不知道



1.html

< html>
 <head>
  <title>1.html</title>
  <script type="text/javascript">  
       function test()
       {  
        //弹出一个新窗口2.html
        window.open ('2.html')  
       }
     </script>
 </head>
 <body>
  <table>
   <thead><tr><th>姓名</th><th>年龄</th></tr></thead>
   <tr><td>小刘</td><td  onclick="test();" >30</td></tr>
   <tr><td>小康</td><td onclick="test();" >35</td></tr>
  </table>
 </body>
< /html>



2.html


< html>
< head>
< title>2.html</title>
< /head>

< body>
< h1 id="mytext">
< /h1>
< /body>
< /html>

0
Tuesday
Tuesday
window.open ('2.html?id=xxxxxxx');

只能这样了,  
0
兮风古道
兮风古道
window.opener不和要求吗?
0
ththththht
ththththht

JQuery:

$('table tr').each(function (){
    $(this).unbind('click').bind("click",function (){
        var age = $(this).children('td:nth-child(2)').html();
        window.open( '2.html?age=' + age );
    });
});



ththththht
ththththht
不过你可以用JS把1.html 的body替换成2.html 这样就不用跳转了。
ththththht
ththththht
2.html不好做,除非用cookie
0
0xAB
0xAB
在1.html
<script type="text/javascrpt">
window.open('2.html');
window.TEvent = function(doc){
 doc.getElementById('mytext').innerHTML = 'test';
}
</script>
在2.html
<script type="text/javascript">
window.onload = function(){
 var _w = window.opener;
 if(_w){
  _w.TEvent(document);
 }
}
</script>



返回顶部
顶部