下面是测试的代码: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head runat="server"> <title>测试js的执行顺序</title> <script language="javascript" type="text/javascript"><!-- var a = "这是一段在Header里面的JS代码"; alert(a); // --></script> </head> <body onload="javscript:alert('这是在body的Onload事件中的代码!');"> <form id="form1" runat="server"> <div> <p>测试一下js的执行顺序 </p> </div> </form> <script language="javascript" type="text/javascript"><!-- var a = "这是一段页面最后的JS代码"; alert(a); // --></script> </body> </html> 运行后的执行顺序如下: 执行的顺序为:head中的js,页面中的js(将此段Js放置在body标签之外亦为此顺序),body标签onload事件中的js.
推荐阅读
用document.documentElement取代document.body的原因分析
IE6在页面内容超出窗口大小时将宽度属性scrollWidth、clientWidth、offsetWidth都解释为内容实际宽度。 上次的测试说明了document.body属性并不会给我们返回预期的结果,比如我们用document.body.clientHeight原本>>>详细阅读
本文标题:页面中js执行顺序
地址:http://www.17bianji.com/kaifa2/JS/27722.html
1/2 1