首页 > 代码库 > JavaScript且写且学习(一) onload="..."

JavaScript且写且学习(一) onload="..."

关于 onl oad的执行:

alert(‘iframe4_loaded‘);

alert("end.page1");

alert(‘iframe2_loaded‘);

alert(‘iframe3_loaded‘);

alert(‘page1_loaded‘);

alert(‘iframe1_loaded‘);

解释说明:

1,iframe按顺序Load frames:iframe1-->iframe2-->iframe3-->iframe4;

2,iframe4因为不用解析page,所以最先Load完毕-->alert(‘iframe4_loaded‘);

3,而iframe1开始Load时,最先执行到body内的script最下方,然后再执行page1的onload,最后执行iframe1的onload

4,body所有iframe执行完毕后,执行body标签的onload

 

pageMain.aspx

<body onl oad="alert(‘body_loaded‘);">

  <iframe onl oad="alert(‘iframe1_loaded‘);" src="http://www.mamicode.com/page1.aspx"></iframe>

  <iframe onl oad="alert(‘iframe2_loaded‘);" src="http://www.mamicode.com/page2.aspx"></iframe>

  <iframe onl oad="alert(‘iframe3_loaded‘);" src="http://www.mamicode.com/page3.aspx"></iframe>

  <iframe onl oad="alert(‘iframe4_loaded‘);"></iframe>

</body>

 

page1.aspx

<body onl oad="alert(‘page1_loaded‘)">

  <script type="text/javascript" >
      alert("end.page1");
  </script>
</body>