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

    xiaoxiao2025-08-02  17

    传统方式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。

    最新回复(0)