首頁  >  文章  >  web前端  >  分享iframe標籤注意問題

分享iframe標籤注意問題

黄舟
黄舟原創
2017-07-21 11:43:181382瀏覽
  • 子頁面存取父父頁面變量,函數,頁面元素

//变量:    
//在父页面中需定义为全局变量    
//子页面中调用    
var childFrameVar= parent.ParentVarName;
 //函数:    
 parent.ParentMethodName();
 
 //页面元素:    
 //通过获取document对象,来对页面元素进行操作    
 parent.document
    parent.window.document
  • 父頁面存取子頁面函數,頁面元素  

//函数
    //做出以下尝试,但alert出来的信息均为undefine    
    FrameName.window.childMethodName();
    document.getElementById('FrameId').contentWindow.childMethod();
    
    //页面元素    
    FrameName.window.document
    document.getElementById('FrameId').contentWindow.document
    document.getElementById('FrameId').contentDocument
  • #注意事項

    要確保在iframe載入完成後再進行操作,如果iframe還未載入完成就開始呼叫裡面的方法或變量,會產生錯誤。

    盡量在不要在父頁面中呼叫子頁面中的頁面元素或函數,所有涉及的互動操作盡量放在子頁面中來完成。

       1. iframe上用onload事件

     〦 『 #

以上是分享iframe標籤注意問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn