js父,子窗体的相互调用

最新推荐文章于 2019-08-17 21:44:17 发布

SysRsc

最新推荐文章于 2019-08-17 21:44:17 发布

阅读量229

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/qq_27720761/article/details/52671850

版权

JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

父窗体

    Html代码   
    
  
 <html>  
     <head>  
         <title>usually function</title>  
     </head>  
     <body>  
           
         <iframe src="http://www.baidu.com" ></iframe>  
           
         <iframe src="myifame.html" id="name_iframe" name="name_iframe"></iframe>  
           
         <button value="buttonvalue" id="testid">buttonvalue</button>  
     </body>  
 <html>      
 <script type="text/javascript" src="jquery-1.4.4.js"></script>  
 <script>  
 //contentWindow这个属性，相当于获取iframe网页里面的window对象  
 $(function(){  
     //父窗体获取子窗体的变量  
     alert(document.getElementById("name_iframe").contentWindow.vname);//父窗体获取子窗体的方法  
     document.getElementById("name_iframe").contentWindow.test();//父窗体获取子窗体的内容  
     alert(document.getElementById("name_iframe").contentWindow.document.body.outerHTML);  
 });  
   
 var myname="hb";  
 function parentFunction(){  
     alert("parentFunction");  
 }  
       
 </script>  

子窗体

    Html代码   
    
  
 <html>  
     <head>  
         <title>usually function</title>  
     </head>  
     <body>  
           
         <button onclick="getParentContent()">getParentContent</button>  
     </body>  
 <html>      
 <script type="text/javascript" src="jquery-1.4.4.js"></script>  
 <script>  
   
 var vname="v_name";   
 function test(){  
     alert("function test");  
 }  
   
 function getParentContent(){  
     //获取父窗体的变量  
     alert(window.parent.myname);  
     //获取父窗体的方法  
     window.parent.parentFunction();  
     //获取父窗体的dom节点  
     alert(parent.document.getElementById("testid").value);  
 }  
       
 </script>  

SysRsc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js父,子窗体的相互调用

父窗体Html代码 html> head> title>usually functiontitle> head> body> iframe src="http://www.baidu.com" >iframe> i
复制链接

扫一扫