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