<!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>无标题文档</title>
</head><body><iframe id="c_iframe" src="b.html" width="100%" height="300"></iframe><script type="text/javascript">
function my()
{
alert(document.getElementById("c_iframe").contentWindow.document.title);}
window.onload = my;
</script></body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body><iframe id="c_iframe" src="b.html" width="100%" height="300"></iframe><script type="text/javascript">
function my()
{
alert(document.getElementById("c_iframe").contentWindow.document.title);}
window.onload = my;
</script></body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<iframe id="c_iframe" src="http://www.163.com/" width="100%" height="300"></iframe>
<script type="text/javascript">
function my(){alert('ok');}
window.onload = my;
</script>
</body>
</html>楼主复制上面的代码试下就知道了,确实正如你说的,onload事件需要等iframe的内容加载完后才能执行。上面的代码在IE8/Chrome/Firefox中测试通过,在Chrome/Firefox中尤为明显。
a.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>a.html</title>
</head>
<body>
<iframe id="c_iframe" src="b.html" width="100%" height="300"></iframe>
<script type="text/javascript">
function my(){alert(window.location.href);}
window.onload = my;
</script>
</body>
</html>b.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>b.html</title>
</head>
<body>
<script type="text/javascript">
function my(){alert(window.location.href);}
window.onload = my;
</script>
</body>
</html>看看先alert哪个