jQuery和JS在加载时的覆盖问题

代码示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../../js/jquery-1.8.3.js" ></script>
		<script>
			window.onload=function(){
				alert("张三");
			}
			//传统的方式页面加载会存在覆盖的问题，加载比JQ慢（整个页面加载完毕《包括里面的其他内容，比如图片》）
			window.onload = function(){
				alert("老王");
			}
			//jquery加载比js加载要快（当整个dom树结构绘制完毕就会加载）
			jQuery(document).ready(function(){
				alert("李四");
			});
			//JQ不存在覆盖问题
			$(document).ready(function(){
				alert("王五");
			});
			//简写方式
			$(function(){
				alert("凤九");
			});
		</script>
	</head>
	<body>
	</body>
</html>

效果图：

jQuery和JS在加载时的覆盖问题

总结：

1.传统的方式页面记载会存在覆盖问题，加载比jQuery慢

2.jQuery加载比js加载要快（当整个dom数结构绘制完毕就会加载）

3.jQuery不存在覆盖问题

jQuery和JS在加载时的覆盖问题

相关推荐