html中子页面给父页面赋值,关闭子页面给父页面传值,父页面条件按子页面设置查询

最新推荐文章于 2024-08-12 17:12:18 发布

oso_kill

最新推荐文章于 2024-08-12 17:12:18 发布

阅读量4.5k

点赞数

分类专栏： ajax学习

ajax学习专栏收录该内容

25 篇文章 0 订阅

订阅专栏

[html]view plaincopyprint? 
   
 father.html  
 <html>  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
 <title>father.html</title>   
 <script >  
 function assignment(content)  
 {  
    document.getElementById("fvalue").value = content;//赋值  
 }  
 function openwindow(url,name,iWidth,iHeight)  
 {  
     var url; //转向网页的地址;  
     var name; //网页名称，可为空;  
     var iWidth; //弹出窗口的宽度;  
     var iHeight; //弹出窗口的高度;  
     var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置;  
     var iLeft = (window.screen.availWidth-10-iWidth)/2; //获得窗口的水平位置;  
     window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');  
 }   
 </script>  
 </head>   
 <body>  
 <input type="text" name="fvalue" id="fvalue" value="请按按钮设置条件" />  
 <br/>  
 <br/>  
 <input type="button" name="btn" value="父类<->设置条件" onclick="openwindow('sun.html','',200,80)"/>  
 </body>  
 </html>  
   
   
   
 sun.html  
   
 <html>  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
 <title>sun.html</title>  
 <script>  
 function set()   
 {  
     var value=document.getElementById('svalue').value;  
     var data = window.opener.assignment(value);//给父类赋值  
     window.close();  
 }  
 </script>  
 </head>  
   
 <body>  
 <input type="text" name="svalue" id="svalue" value="" />  
 <br/>  
 <br/>  
 <input type="button" name="btn" value="子类<->赋值" onclick="set()"/>  
 </body>  
 </html>  