在<iframe>内嵌窗口中修改父窗口css属性以及调用js代码

最新推荐文章于 2022-07-10 11:15:47 发布

weixin_30339457

最新推荐文章于 2022-07-10 11:15:47 发布

阅读量405

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lincn/p/8358513.html

版权

 father.html  
  <HTML>  
  <HEAD>  
  <TITLE>   New   Document   </TITLE>  
     <script language="JavaScript">  
        function   fatherSay(){  
           alert("father method!");       
        }  

        function callSon(){
           myFrame.window.sonSay(); //父窗口调用子窗口的js方法
        }
        
         function show(){
              window.frames["myFrame"].document.getElementById ("myH1").innerHTML = "http://sbear.iteye.com";//(Firefox下)父窗口修改子窗口的css属性
     // IE下的调用方法myFrame.myH1.innerText="http://sbear.iteye.com";
          }
     </script>  
  </HEAD>  
  <BODY> 
   <h1 id="myH1">ha</h1> 
   <iframe  src="son.html" name="myFrame"></iframe>  
  </BODY>  
  </HTML>   


  son.html  
  <HTML>  
  <HEAD>  
    <script language="javascript">
     function sonSay(){
       alert("son method~");
     }  

     function callFather(){
        parent.fahterSay(); //子窗口调用父窗口的js方法 
      } 

    function show(){
       parent.document.getElementById("myH1").innerHTML = http://sebar.iteye.com; //(Firefox下)子窗口修改父窗口的css属性
       //IE下的方法parent.myH1.innerText="http://sebar.iteye.com";
     }
   </script>  
  </HEAD>  
  <BODY>  
        <h1 id="myH1">ha</h1>
  </BODY>  
  </HTML>

转载于:https://www.cnblogs.com/lincn/p/8358513.html

weixin_30339457

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
在<iframe>内嵌窗口中修改父窗口css属性以及调用js代码

father.html <HTML> <HEAD> <TITLE> New Document </TITLE> <script language="JavaScript"> function fatherSay(){ al...
复制链接

扫一扫