欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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>

上一篇: 上传下载

下一篇: 上传下载