关于JS加载顺序

最新推荐文章于 2023-03-14 16:21:10 发布

CNXiaolc

最新推荐文章于 2023-03-14 16:21:10 发布

阅读量380

点赞数

本文链接：https://blog.csdn.net/lohaoo1/article/details/45046105

版权

框架 wicket 经过几层封装之后

找了好久的Bug竟然是出现在JS的加载顺序上。这也是基础不牢固的表现啊。

最近一直也是接触JAVA JS很少 JQuery我还记得AJax

不啰嗦直接上代码饿了。

一

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题 3</title> 
<script>
    alert("1-最先执行"); 
</script> 
</head> 
<body οnlοad="alert('3-最后执行');"> 
<script>
    alert("2-接着执行"); 
</script> 
</body> 
</html>

二

window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。

window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个

window.onload没有简化写法

$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。
$(document).ready()可以同时编写多个，并且都可以得到执行

$(document).ready(function(){})可以简写成$(function(){});

$(function(){...})是在页面JS加载完之后才会加载。类似于body标签的onload事件。

引入JS按顺序加载！吃饭！