方法一


iframe_.contentWindow.test();


iframe_            抓取框架的DOM对象

contentWindow        固定写法

test()            要调用的方法(在被调用页面中)



方法二


window.frames[0].test();


window        window对象

frames[0]    window对象下的框架对象集合,选取第0个元素

test()        要调用的方法



方法三


window.xxx.test();


window        window对象

xxx            框架的name="xxx"

test()        要调用的方法



下面是测试代码,打开注释一个一个测试一下就明白了。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>

<iframe id="iframe" name="xxx" src="iframe.html" width="500" frameborder="0"></iframe>

<div id="dianji">点击</div>

<script type="text/javascript">
var dianji = document.getElementById('dianji');
var iframe_ = document.getElementById('iframe');

//方法一
dianji.onclick = function (){
iframe_.contentWindow.test();
}
/*
//方法二
dianji.onclick = function (){
window.frames[0].test();
}
//方法三
dianji.onclick = function (){
window.xxx.test();
}
*/

</script>
</body>
</html>

被iframe调用页面 iframe.html

<html>
<head>
	<title>Title</title>
</head>
<body>
<span id="ttt">DDDD</span>
<script>
	function test(){
		alert('iframe');
	}
</script>
</body>
</html>