页面加载与iframe加载函数

<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未加载完时就已经绑定了事件。

 

posted @ 2014-08-25 18:48  vicdream  阅读(1604)  评论(0编辑  收藏  举报