这个问题似乎仅在Chrome中发生
这是iframe代码
<!DOCTYPE html>
<html>
<head>
<script>
function blahblah() { alert("test"); }
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test Page</title>
</head>
<body>
<p> lalalalallalala!!! </p>
</body>
</html>
这就是我创建iframe的方式
<iframe src="iframetest.html" id="iframetest"></iframe>
然后,我尝试调用iframe的blahblah()函数:
$('#iframetest')[0].contentWindow.blahblah()
但这行不通
最佳答案
这有效:
<iframe id=iframetest src=iframetest.html></iframe>
<script>
$(window).load(function(){
document.getElementById('iframetest').contentWindow.blahblah();
});
</script>
请注意,我使用了
$(window).load
来确保已加载iframe。在document
上使用load不能确保已加载iframe。当然,您的iframe必须与父文档具有相同的来源(这也意味着您必须在浏览器中以
http://
而不是file://
打开文件)。编辑:Working demo