jsp中的js代码非顺序加载

JavaScript05

jsp中的js代码非顺序加载,第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执行顺序

默认是按顺序加载,JS很注重加载顺序,如果想设置加载顺序,可以用$(function(){

//内容

})

写在里面的内容是在所有纯文字(html代码)加载完执行的。

或者用js自带的window.onload={

}写在这里面的是所有内容全部加载完执行,包括图片

1.如果没有添加window.onload的话,那么如果把这段js代码放在myBtn前面,浏览器首先会加载这段js代码,然后就会运行这段代码,但是此时myBtn还未被浏览器加载渲染,所以就找不到这个元素。 2.如果添加了window.onload,那么表示浏览器加载完所有