在父頁面調(diào)用子頁面的JS方法
今天弄了一天了，終于在網(wǎng)上找到了解決辦法
注意：問題是在父頁面調(diào)用子頁面的方法。。。。。
父頁面：parent.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>parent</title>
<script>
function parentFunction() {
alert('function in parent');
}
function callChild() {
child.window.childFunction();
/*
child 為iframe的name屬性值，
不能為id，因?yàn)樵贔ireFox下id不能獲取iframe對象
*/
}
</script>
</head>
<body>
<input type="button" name="call child" value="call child" onclick="callChild()"/>
<br/><br/>
<iframe name="child" src="./child.html" ></iframe>
</body>
</html>
子頁面：child.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>child</title>
<script>
function childFunction() {
alert('function in child');
}
function callParent() {
parent.parentFunction();
}
</script>
</head>
<body>
<input type="button" name="call parent" value="call parent" onclick="callParent()"/>
</body>
</html>
大家可以根據(jù)自己的需求修改相應(yīng)的代碼即可。。。。。。。
相關(guān)文章
layui+ssm實(shí)現(xiàn)數(shù)據(jù)批量刪除功能
本篇文章給大家介紹layui+ssm實(shí)現(xiàn)數(shù)據(jù)批量刪除功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-12-12
JS實(shí)現(xiàn)很實(shí)用的對聯(lián)廣告代碼（可自適應(yīng)高度）
這篇文章主要介紹了JS實(shí)現(xiàn)很實(shí)用的對聯(lián)廣告代碼,可實(shí)現(xiàn)固定相對位置懸浮展示及跟隨屏幕上下滑動等功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
近期在寫一個(gè)博客管理后臺的前端,涉及在同一頁面兩種高亮顯示當(dāng)前菜單的需求.2010-06-06
這篇文章主要給大家介紹了關(guān)于微信小程序自定義tabBar的踩坑實(shí)踐記錄，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
基于JS實(shí)現(xiàn)彈出一個(gè)隱藏的div窗口body頁面變成灰色并且不可被編輯
這篇文章主要介紹了基于JS實(shí)現(xiàn)彈出一個(gè)隱藏的div窗口body頁面變成灰色并且不可被編輯的相關(guān)資料,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12
window.open()實(shí)現(xiàn)post傳遞參數(shù)
本文主要向大家介紹了如何使用window.open()實(shí)現(xiàn)post傳遞參數(shù)的方法，思路是參考的一位網(wǎng)友的，然后根據(jù)自己的項(xiàng)目需求做了些調(diào)整，這里同樣分享給大家，希望對大家能夠有所幫助。2015-03-03
js點(diǎn)擊出現(xiàn)懸浮窗效果不使用JQuery插件
JQuery有很多這樣的插件，但本文的這個(gè)是跟著自己的想法寫的，也不知道他人是如何實(shí)現(xiàn)的，感興趣的朋友可以了解下2014-01-01
這篇文章主要介紹了檢測iPhone/iPad設(shè)備方向的三種方法,需要的朋友可以參考下2014-04-04
先明白js能放在HTML的那個(gè)位置，分別是head和body中。大部分人都是放到head里面的。下面為大家介紹下放到這兩個(gè)地方的區(qū)別2013-08-08
今天小編就為大家分享一篇layer彈出層取消遮罩的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09