1. 爱易网页
  2. HTML教程
  3. html页面中js施行的顺序 (即javaScript的执行顺序)

html页面中js施行的顺序 (即javaScript的执行顺序)

日期：2014-05-17　 浏览次数：20787 次

html页面中js执行的顺序 (即javaScript的执行顺序)

页面中js的执行顺序：在页面的head标签中添加一段js代码，在页面的尾部也就是</body>之前添加一段代码，然后在body的onload事件中引用一个函数，此三者的执行顺序如何?

下面是测试的代码:

<!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

相关资料更多>

  1. Jquery容易入门到精通细节 - （十六）Jquery HTML之“获取并设置 CSS 类”
  2. HTML5和jquery实现图片拖拉下传
  3. 急求：JS控制FLV播放器有关问题！
  4. 'CHtmlView' : base class undefined,该如何解决
  5. html里边的一些特殊符号对应
  6. 查寻HTML代码“超级链接”中含有域名的函数
  7. HTML5 canvas转换
  8. css a:hover属性使用发现有关问题
  9. 100个超炫的HTML 五示例(四)