- 相關(guān)推薦
iframe子父頁面調(diào)用實例
導(dǎo)語:頁面調(diào)用條用的方法有很多種,其中iframe子父頁面調(diào)用,你會嗎?下面就由百分網(wǎng)小編為您講解一下,希望對你有所幫助。
1、iframe子頁面調(diào)用 父頁面js函數(shù)
子頁面調(diào)用父頁面函數(shù)只需要寫上window.praent就可以了。比如調(diào)用a()函數(shù),就寫成:
window.parent.a();
子頁面取父頁面中的標(biāo)簽中的值,比如該標(biāo)簽的id為“test”,則:
window.parent.document.getElementById("test").value;
jQuery方法為:
$(window.parent.document).contents().find("test").val();
但是我在chrome瀏覽器下卻發(fā)現(xiàn)此方法無效了!查了半天才了解,在chrome 5+中,window.parent無法在file://協(xié)議中運行,但是發(fā)布了之后http://協(xié)議下是可以運行的。此方法支持ie、firefox瀏覽器。
2、iframe父頁面調(diào)用 子頁面js函數(shù)
這個就稍微復(fù)雜一些,下面的方法支持ie和firefox瀏覽器:
document.getElementById('ifrtest').contentWindow.b();
子頁面取父頁面中的標(biāo)簽中的值,比如該標(biāo)簽的id為“test”,則:
document.getElementById("test").value;
注:ifrtest是iframe框架的id,b()為子頁面js函數(shù)。contentWindow屬性是指定的frame或者iframe所在的window對象,IE下可以省略。
【iframe子父頁面調(diào)用實例】相關(guān)文章:
關(guān)于地震中的父與子教學(xué)設(shè)計07-19
地震中的父與子教案(精選10篇)06-17
《地震中的父與子》備課教案(精選10篇)11-15
地震中的父與子教案(通用9篇)08-18