JQ页面加载与JS页面加载的区别

最新推荐文章于 2023-07-17 15:45:51 发布

真香号

最新推荐文章于 2023-07-17 15:45:51 发布

阅读量821

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/zhanshixiang/article/details/90582053

版权

JQuery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

传统方式JS的页面加载两个onload事件只会加载一个，后面的会把前面的覆盖

传统的JS加载会存在覆盖问题，加载比JQ慢(整个页面加载完毕<包括里面的图片等>)

JQuery:

JQ比传统的JS加载方式要么快，当整个demo树结构解析绘制完毕就会加载

JQ不存在覆盖问题，加载的时候是顺序执行

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>JQ页面加载与JS页面加载的区别</title>
		<script type="text/javascript" src="../../js/jquery-1.8.3.js"></script>
		<script>
			
			//传统方式的页面加载   两个onload事件只会加载一个，后面的会把前面的覆盖 输出岳云鹏
			window.onload=function(){
				alert("张三");
			}
			
			//传统的JS加载会存在覆盖问题，加载比JQ慢(整个页面加载完毕<包括里面的图片等>)
			window.onload=function(){
				alert("老王");
				
			}
			
			//JQ比传统的JS加载方式要么快，当整个demo树结构解析绘制完毕就会加载
			jQuery(document).ready(function(){
				
				alert("李四");
			});
			
			//JQ不存在覆盖问题，加载的时候是顺序执行
			$(document).ready(function(){
				
				alert("王五");
			});
		    //简写方式，也是标准的写法
		    $(function(){
		    	alert("赵六");
		    });
		</script>
	</head>
	<body>
	</body>
</html>

效果：

先顺序执行JQuery的函数，最后执行传统的JS。