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

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

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

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. ：不使用javascript等脚本，怎么实现页面上所有图片的局部等比例放大，多谢
  2. css3网页制造实例:仿Apple.com的导航栏
  3. no-repeat 后边跟了两个参数是什么意思呀,该如何解决
  4. 求MT103报文的相干资料
  5. CSS遮罩层的兑现
  6. innerHtml小例证
  7. 网页显示图片时，若图片链接丢失，怎么用备用的图片显示
  8. 三角里面添加文字
  9. 能div+css的能找个啥样的工作