javascript iframe操作與視窗調用一些方法

js操作iframe的一些知識
1. 列印iframe
eg. framename.document.execcommand('print');
2. 擷取iframe
eg. var ifr_window = window.frames["framename"];
3. 擷取iframe中的元素
eg1. 將iframe中id為elementid 的元素置為不顯示：
var ifr_window = window.frames["framename"];
ifr_window.elementid.style.display = 'none';
eg2. 擷取iframe中id為listtable的表格

看一下關於js iframe操作執行個體

<iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe>

方案一:用iframe的name屬性定位

<input type="button" name="button" value="button"
onclick="document.frames('ifrmname').location.reload()">

　　或

<input type="button" name="button" value="button"
onclick="document.all.ifrmname.document.location.reload()">

　　方案二:用iframe的id屬性定位

<input type="button" name="button" value="button"
onclick="ifrmid.window.location.reload()">

　　終極方案:當iframe的src為其它網站地址(跨網域作業時)

<input type="button" name="button" value="button"
onclick="window.open(document.all.ifrmname.src,'ifrmname','')">

看一下父視窗頁面

 

<html>   
  <head>   
  <script   type="text/網頁特效">   
  
  function say() {
   alert("parent.html------>i'm at parent.html");
   } 
  
  function callchild()
  {   
   //document.frames("myframe").f1();
   myframe.window.say();
  }   
  </script>   
  </head>   
    
  <body>     
  <input   type=button   value="調用child.html中的函數say()" onclick="callchild()">  
  <iframe name="myframe" src="child.html"></iframe> 
  </body>   
  </html>