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

版权声明:版权所有,违者必究 https://blog.csdn.net/weixin_39921821/article/details/87967412

代码示例:

<!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>

效果图:

 

总结:

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

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

3.jQuery不存在覆盖问题

猜你喜欢

转载自blog.csdn.net/weixin_39921821/article/details/87967412
今日推荐