js父頁面中使用子頁面的方法
更新時(shí)間：2016年01月09日 19:02:25 作者：一落葉而知秋
這篇文章主要向大家介紹了js父頁面中使用子頁面的方法，即js父頁面使用iframe中的函數(shù)，感興趣的朋友可以參考一下
iframe是非常常用的一個(gè)html元素，如果在父頁面中使用子頁面的方法應(yīng)該怎么寫呢，下面就做一下簡(jiǎn)單的介紹。
一、父頁面代碼
<html>
<head>
<meta charset=" gb2312">
<title>父頁面</title>
<script type="text/javascript">
function parentFunction()
{
alert('function in parent');
}
function callChild()
{
child.window.childFunction();
/*
child 為iframe的name屬性值，
不能為id，因?yàn)樵贔ireFox下id不能獲取iframe對(duì)象
*/
}
</script>
</head>
<body>
<iframe name="child" src="./child.html" ></iframe>
</body>
</html>
二、iframe中的代碼
<html>
<head>
<meta charset="gb2312">
<title>iframe代碼</title>
<script type="text/javascript">
function childFunction()
{
alert('function in child');
}
function callParent()
{
parent.parentFunction();
}
</script>
</head>
<body>
</body>
</html>
上面兩個(gè)代碼可以在父頁面和子頁面對(duì)對(duì)方的函數(shù)進(jìn)行相互調(diào)用，比較簡(jiǎn)單，不多介紹了。
希望本文所述對(duì)大家學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript數(shù)值數(shù)組排序示例分享
在Javascript中我們已知有兩個(gè)可以直接用來進(jìn)行數(shù)組排序的方法reverse()和sort()。其中reverse()是按照反向?qū)τ跀?shù)組進(jìn)行排序的，而sort()是按照正向進(jìn)行排序的。2014-05-05
這篇文章主要介紹了如何在js中引入less的變量,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-07-07
當(dāng)一個(gè)元素上的事件被觸發(fā)的時(shí)候，比如說鼠標(biāo)點(diǎn)擊了一個(gè)按鈕，同樣的事件將會(huì)在那個(gè)元素的所有祖先元素中被觸發(fā)2013-01-01
javascript幀動(dòng)畫(實(shí)例講解)
下面小編就為大家?guī)硪黄猨avascript幀動(dòng)畫(實(shí)例講解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
js實(shí)現(xiàn)從右向左緩緩浮出網(wǎng)頁浮動(dòng)層廣告的方法
這篇文章主要介紹了js實(shí)現(xiàn)從右向左緩緩浮出網(wǎng)頁浮動(dòng)層廣告的方法,可實(shí)現(xiàn)右側(cè)浮動(dòng)廣告的定時(shí)彈出及點(diǎn)擊展開、折疊等功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05
本文主要介紹了TypeScript?接口繼承的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
這篇文章主要為大家詳細(xì)介紹了最全面的JS倒計(jì)時(shí)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
js金額數(shù)字格式化實(shí)現(xiàn)代碼(加減逗號(hào)處理)
這篇文章主要介紹了js中將數(shù)字格式化為金額的方法，使用加減逗號(hào)處理金額，一個(gè)格式化金額的代碼，有需要的朋友參考下2014-04-04
Electron點(diǎn)擊穿透不規(guī)則窗體的透明區(qū)域的實(shí)現(xiàn)
本文主要介紹了Electron點(diǎn)擊穿透不規(guī)則窗體的透明區(qū)域的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
本篇文章主要是對(duì)javascript操作referer進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-03-03