页面中js的执行顺序:在页面的head标签中添加一段js代码,在页面的尾部也就是</body>之前添加一段代码,然后在body的onload事件中引用一个函数,此三者的执行顺序如何?
下面是测试的代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head runat="server"> <title>测试js的执行顺序</title> <mce:script language="javascript" type="text/javascript"><!-- var a = "这是一段在Header里面的JS代码"; alert(a); // --></mce:script> </head> <body onload="javscript:alert('这是在body的Onload事件中的代码!');"> <form id="form1" runat="server"> <div> <p>测试一下js的执行顺序 </p> </div> </form> <mce:script language="javascript" type="text/javascript"><!-- var a = "这是一段页面最后的JS代码"; alert(a); // --></mce:script> </body> </html>
运行后的执行顺序如下:
执行的顺序为:head中的js,页面中的js(将此段Js放置在body标签之外亦为此顺序),body标签onload事件中的js.
posted on 2009-11-09 10:59 大米文子 阅读(188) 评论(0) 编辑 收藏 举报