JSP页面中JS代码执行顺序

 

目前，有很多初学开发者对理解JSP代码的执行顺序上还比较混乱，经常有同事不清楚为什么有些js要写在下面。

首先，你要了解JSP的执行过程。

所有的JSP都会在客户端发出请求后被容器转译成servlet的源代码（java），然后再将源码（java）编译成servlet的类（class），放入到内存里面。

 

下面列举几个容易让人混淆的问题：

     1、JSP中onload，或者jquery的document.ready，或者简写的$(function)，是不是就相当于servlet中的初始化init()方法；

           答案肯定是否定的，所有的jsp中的代码都是在service方法中执行的。这个你可以直接看jsp编译后的文件就一目了然了。

 

     2、onload和jquery的document.ready到底哪个先执行；

          onload指示页面包含图片等文件在内的所有元素都加载完成。

          document.ready表示文档结构已经加载完成（不包含图片等非文字媒体文件）。

          所以说：document.ready在onload 前加载。

 

     3、写在下面的js和document.ready哪个先执行；

          jsp就相当于java，所以执行顺序一样是从上往下，而ready是要在文档结构加载完成的情况下才执行，

          所以说，下面的js肯定是先执行。

          那如果把ready也写在下面呢，道理一样，也肯定是下面的js先执行。

 

     4、前几天有同事问我，为什么上面的js代码还没执行完，怎么就开始执行下面的代码了；

          我一看，原来他用到了好几个$.post方法，也就是ajax，

          ajax大家都知道是异步刷新机制，所以他肯定不会去等上面代码执行完，

          当然如果你功能需要ajax从上往下一步步执行，你可以给全局加个默认不异步的属性$.ajaxSetup({ async: false });

 

 

评论

6 楼 zhangfortune 2014-04-30  

那些年丶 写道

zhangfortune 写道

个人认为把JSP和js联合在一起讲就是不合理的。因为我了解到得时：JSP在服务端运行，js在客户端运行。为什么要把二者强制耦合在一起呢？

JS是WEB开发的辅助语言啊，JSP中需要在客户端可客户进行交互，就肯定会用到JS。

不是倚老卖老，既然你这么执着，我也不好说什么了。过一两年再回来看看这篇文章，再回复吧。

5 楼 那些年丶 2014-04-29  

zhangfortune 写道

个人认为把JSP和js联合在一起讲就是不合理的。因为我了解到得时：JSP在服务端运行，js在客户端运行。为什么要把二者强制耦合在一起呢？

JS是WEB开发的辅助语言啊，JSP中需要在客户端可客户进行交互，就肯定会用到JS。

4 楼 zhangfortune 2014-04-29  

个人认为把JSP和js联合在一起讲就是不合理的。因为我了解到得时：JSP在服务端运行，js在客户端运行。为什么要把二者强制耦合在一起呢？

3 楼 那些年丶 2014-04-29  

freezingsky 写道

JS和JSP是二回事，别总混在一起讲，不然，新手会越看越混的。

现在这两者基本上是分不开的。

2 楼 freezingsky 2014-04-28  

JS和JSP是二回事，别总混在一起讲，不然，新手会越看越混的。

1 楼 dongcb678 2014-04-28  

其实他们连html执行顺序都没搞清楚，再容个JSP，js里面写el和标签，凌乱了...哈哈