<head>
<script>
$(document).ready(function(){
alert("a");
var wait = document.getElementById("wait");
if(wait) wait.style.visibility="hidden";
$("iframe").load(function(){
alert("b");
var wait = document.getElementById("wait");
if(wait) wait.style.visibility="hidden";
});
});
</script>
<head>
<body>
<iframe src="url">
</body>
---分析上方代码
1.页面加载完后执行alert("a");同时给iframe绑定事件。但不执行alert("b");原因,页面加载完时,iframe已加载完毕。待更iframe
的url时(不重新加载整个页面,即不执行alert(“a”)),会执行alert("b");
2.如果将 $("iframe").load(function(){
alert("b"); var wait = document.getElementById("wait"); if(wait) wait.style.visibility="hidden"; });其放单<body>标签<iframe>标签后
会执行alert("b"); 由于在iframe未加载完时就已经绑定了事件。