1、iframe頁面裏的js調用父級頁面js函數javascript
一、假設當前頁面爲a.html, iframe的src頁面爲b.html,其代碼以下：html
<html>
<head>
<title></title>
</head>
<body>
<p>iframe頁面裏的js調用父級頁面js函數的demo</p>
<iframeframeborder="0"width="0"height="0" name="test" src="b.html">
</iframe>
<p id="p_nr"></p>
</body>
<scripttype="text/javascript"> function testParent(){
alert('Parent');
}
</script>
</html>
二、b.html裏的頁面元素爲：java
<html>
<head>
<title></title>
</head>
<body>
<script type='text/javascript'> window.parent.document.getElementById('p_nr').innerHTML ='內容';//控制父級頁面的元素 window.parent.testParent();//調用父級頁面的Js函數
</script>
</body>
</html>函數
2、父頁面調用Iframe頁面中js方法spa
一、test.js內容htm
function testJs()ip
{get
alert('JS');iframe
}it
二、Children.html內容
<html>
<head>
<title></title>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
</body>
</html>
三、parent.html內容
<head>
<title></title>
<script type="text/javascript" >
var obj=self.frames[0];
obj.testJs();
</script>
</head>
<body>
</body>
</html>