HTML元素分類-框架元素-同域訪問
0. <iframe>:規定一個內聯框架。一個內聯框架被用來在當前 HTML 文檔中嵌入另一個文檔。
<iframe src="http://www.runoob.com"> <!--如果你的瀏覽器不支持iframe元素,那么就顯示p元素內包裹的內容--> <p>您的瀏覽器不支持iframe 元素。</p> </iframe>
內聯框架與主框架相互訪問的方法(同域):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>main window</title> </head> <body> <div> <input type="button" value="調用內聯框架中的方法" onclick="exec_iframe()"> </div> <iframe src="b.html" name="myframe"></iframe> <script> //操作內聯框架中方法的函數(window.myframe -> b.html , b.fIframe() ->
執行內聯框架中的fIframe方法)。 function exec_iframe(){ window.myframe.fIframe(); } //被內聯框架調用的方法 function fMain(){ alert(’主框架中的方法被執行成功!’); } </script> </body> </html>
<!DOCTYPE html> 
<html> 
<head> 
  <meta charset="utf-8"> 
  <title>iframe window</title> 
</head> 
<body> 
  <div> 
    <input type="button" value="調用主框架中的方法" onclick="exec_main()"> 
  </div> 
  <script> 
    //操作主框架中方法的函數(parent對象指向當前窗口的父窗口,即主框架a.html)。 
    function exec_main(){ 
      parent.fMain(); 
    } 
    //被主框架調用的方法 
    function fIframe(){ 
      alert(’內聯框架中的方法被執行成功!’); 
    } 
  </script> 
</body> 
</html> 
 
   
【 微信掃一掃 】