js在jsp页面中加载及执行顺序介绍

1. java是在服务器端运行的代码，jsp在服务器的servlet里运行，而javascript和html都是在浏览器端运行的代码。所以加载执行顺序是是java>jsp>js。
 

2. js在jsp中的加载顺序

页面上的js代码时html代码的一部分，所以页面加载的时候是由上而下加载。所以js加载的顺序也就是页面中<script>标签出现的顺序。<script>标签里面的或者是引入的外部js文件的执行顺序都是其语句出现的顺序，其中js执行的过程也是页面装载的一部分。
 

2.1 在js脚本中定义的全局变量和函数，都可以在后面的脚本中调用。变量的调用，必须是前面已经声明了的，否则变量返回的值是undefined。同一段脚本中，函数定义可以出现在函数的调用后面；若函数的定义和调用在两个脚本段中，函数调用在函数定义之前就会报函数未定义错误。
 

2.2 js中出现ajax的异步加载

由于ajax的异步加载可能会导致语句的执行顺序并不是按照语句的出现顺序来执行。

下面以我做任务时遇到的问题为例：

       在页面初始加载的时候需要向jsp发送请求来获得该页面所需的数据，在ajax成功函数中，对data的操作所需时间过长，就会导致在ajax函数外面的confirm与loadTree比data操作后面的语句先执行。最终在loadTree中使用data的值得时候就为空，此时全局变量openTab_Id就为空。
 

2.3控制js执行顺序

可以使用setTimeout(function(),time);来使function延迟加载。

<script> 标签出现的顺序。<script>标签里面的或者是引入的外部js文件的执行顺序都是其语句出现的顺序，其中js执行的过程也是页面装载的一部分。

2.1 在js脚本中定义的全局变量和函数，都可以在后面的脚本中调用。变量的调用，必须是前面已经声明了的，否则变量返回的值是undefined。同一段脚本中，函数定义可以出现在函数的调用后面；若函数的定义和调用在两个脚本段中，函数调用在函数定义之前就会报函数未定义错误。

2.2 js中出现ajax的异步加载

由于ajax的异步加载可能会导致语句的执行顺序并不是按照语句的出现顺序来执行。下面以我做任务时遇到的问题为例：

在页面初始加载的时候需要向jsp发送请求来获得该页面所需的数据，在ajax成功函数中，对data的操作所需时间过长，就会导致在ajax函数外面的confirm与loadTree比data操作后面的语句先执行。最终在loadTree中使用data的值得时候就为空，此时全局变量openTab_Id就为空。

2.3控制js执行顺序

可以使用setTimeout(function(),time);来使function延迟加载。

</script>

转载请注明：代码学堂>编程开发 > jsp教程 > js在jsp页面中加载及执行顺序介绍