关于加载html页面中js顺序问题

来源：互联网发布：苹果mac删除软件编辑：程序博客网时间：2024/05/18 20:46

源码：

<html><head><script type="text/javascript" src="top.js"></script><script>alert(1)</script></head><body><script>alert(2)</script></body><script type="text/javascript" src="bottom.js"></script><script>alert(i);alert(3)var i ="全局变量";</script></html>

top.js

alert("top");

bottom.js

alert("bottom");

访问页面，依次打印：

top, 1, 2, bottom, undefined, 3

在我的项目中存在这样一段代码：

jsp:

  ....</body> <script type="text/javascript" src="/media/collegeFront/js/jquery.1.9.1.min.js"></script><script type="text/javascript" src="/media/collegeFront/js/main.js"></script><script type="text/javascript" src="/media/collegeFront/js/draw.js"></script> <script> var signYear = ${collegeUserSign.signYear}; var signMonth = ${collegeUserSign.signMonth}; var signDays = "${collegeUserSign.signDays}"; </script></html>

我在这个jsp页面中定义了全局3个全局变量，然后那个引用的 mian.js 文件中要用这三个全局变量：

这样写竟然没有问题，按照逻辑来说，上面那个js文件中应该会显示一些变量未定义的错误之类的。

main.js:

     //修改日期的背景，表示是否签到     var arrDays = signDays.split(",");     if(jQuery.inArray(sD+1+"", arrDays) != -1){if((i+1)%7==0||i%7==0){  document.getElementById("SD"+i).className = "aorange-draw";  }else{   document.getElementById("SD"+i).className = "one-draw";  }     }

这个原因后面我再看看。

阅读全文

0 0