标签：
自己没事写着玩，要学习的比较多，先记录下来，以后慢慢修改！
1.先写同域情况下的iframe的父子调用
父窗口
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 7 </head> 8 <body> 9 //父窗口 10 <iframe id="iframe1" name="ifrmae2" src="iframe.htm" id="iframe1"></iframe> 11 <button onclick="da()">你好</button> 12 <script> 13 //父窗口自己的方法 14 function name(){ 15 alert("1111"); 16 } 17 //这里获取子页面的方法，这里的方法获取是依据iframe中的属性name来调用子页面的。 18 function da(){ 19 window.ifrmae2.had(); 20 } 21 </script> 22 </body> 23 </html>
子窗口
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> 7 </head> 8 <body> 9 <table class="table"> 10 <thead> 11 <tr> 12 <td></td> 13 </tr> 14 </thead> 15 <tbody> 16 <tr> 17 <td>1</td> 18 <td>2</td> 19 </tr> 20 <tr> 21 <td>a</td> 22 <td>b</td> 23 </tr> 24 </tbody> 25 </table> 26 <input type="text" id="text1" onclick="btn()" value="你好" style=""> 27 <script> 28 //子页面本身的方法 29 function had(){ 30 var inp=document.getElementById("text1"); 31 inp.style.color="red"; 32 } 33 34 //获取父窗口的方法 35 function btn(){ 36 parent.name(); 37 } 38 </script> 39 </body> 40 </html>
这样就可以在父窗口中操作父子窗口了。
标签：
原文地址：http://www.cnblogs.com/love920526/p/4562302.html
