JQ页面加载与JS页面加载的区别
程序员文章站
2022-07-13 12:50:43
...
传统方式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.οnlοad=function(){
alert("张三");
}
//传统的JS加载会存在覆盖问题，加载比JQ慢(整个页面加载完毕<包括里面的图片等>)
window.οnlοad=function(){
alert("老王");
}
//JQ比传统的JS加载方式要么快，当整个demo树结构解析绘制完毕就会加载
jQuery(document).ready(function(){
alert("李四");
});
//JQ不存在覆盖问题，加载的时候是顺序执行
$(document).ready(function(){
alert("王五");
});
//简写方式，也是标准的写法
$(function(){
alert("赵六");
});
</script>
</head>
<body>
</body>
</html>
效果：
先顺序执行JQuery的函数，最后执行传统的JS。