九九热线视频精品99-动漫高h纯肉无码视频在线观看-午夜理论无码片在线观看免费-99精品国产在热久久无码-亚洲国产成人乱码

前端-HTML-框架元素-同域訪問

2016/11/3 8:59:53   閱讀:1753    發布者:1753

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>