iframe與父容器交互,iframe與iframe交互

iframe與父容器交互

iframe 元素會創建包含另外一個文檔的內聯框架(即行內框架)。

iframe元素有其優勢,在開發中,不少情況會使用到iframe元素。因此,iframe元素與父容器的交互尤爲重要。

開發者可參考以下代碼:

<!-- iframe調用父容器的方法 -->
<script>
function init() { window.parent.setUpFrame(); return true; }
function yourMethod(arg) { ... }
</script>
<body onload="init();">...</body>




<!-- 父容器調用iframe的方法 -->
<script>
function setUpFrame() { 
    var frame = window.frames['frame-id'];
    frame.yourMethod('hello');
}
</script>
<body><iframe name="frame-id" src="..."></iframe></body>

iframe與iframe交互

我在工作中遇到一個父容器有多個iframe的開發情況,iframe之間會存在交互。可參考以下代碼:

var tempIframe = parent.window.frames[frame-id];
if (typeof(tempIframe) != 'undefined') {
    tempIframe.yourMethod();
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章