JQuery与JavaScript页面加载区别
程序员文章站
2022-07-13 12:47:01
...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQ与JS页面加载区别</title>
<script type="text/javascript" src="../js/jquery-3.4.1.js"></script>
<script type="text/javascript">
window.onload = function(){
alert("1");
}
//传统的页面加载存在覆盖问题,后面的会把前面的覆盖掉
//加载比JQuery慢,整个页面加载完毕后才会启动(包括图片等内容)
window.onload = function(){
alert("2");
}
//jQuery的加载比JavaScript要快(当整个DOM树结构绘制完毕就会加载)
jQuery(document).ready(function(){
alert("3");
alert("4");
})
//jQuery不存在覆盖,顺序执行
$(document).ready(function(){
alert("5");
})
//简写方式
$(function(){
alert("6");
})
</script>
</head>
<body>
</body>
</html>
推荐阅读
-
javascript异步处理与Jquery deferred对象用法总结
-
jQuery实现动态加载(按需加载)javascript文件的方法分析
-
解决Jquery load()加载GB2312页面时出现乱码的两种方案
-
深入理解jQuery中live与bind方法的区别
-
jQuery中delegate与on的用法与区别示例介绍
-
jquery prop的使用介绍及与attr的区别
-
实现高性能JavaScript之执行与加载
-
使用jQuery异步加载 JavaScript脚本解决方案
-
JQuery中window.onload函数与$(document).ready()的区别实例讲解
-
jquery中html、val与text三者属性取值的联系与区别介绍