JQuery与JavaScript onload的区别 

1、window.onload 不能有多个，后面的功能会覆盖前面。而jQuery(document).ready()可以存在多个。
2、window.onload 在页面所有元素（包括图片，引用文件）加载完后执行。而jQuery(document).ready()页面中会在所有HTML DOM，CSS DOM结构加载完之后就会执行，
   其他图片可能还没有加载完。
 

完整代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- 引入jquery开发包 -->
<script type="text/javascript" src="js/jquery-1.12.3.js"></script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
    //目标：页面加载完成后，打印出 HelloWorld
    //传统的js方式
    window.onload = function() {
        alert("HelloWorld-传统的js方式");
    };

    window.onload = function() {
        alert("HelloWorld2222-传统的js方式");
    };

    //在页面加载完成后执行，与JS的onload效果大致一样
    //jQuery()是jquery框架的核心函数
    //document:dom类型的元素，认为整个页面，转换为jquery对象
    //调用jquery的方法.ready();当DOM载入就绪,就加载
    jQuery(document).ready(function() {
        alert("HelloWorld-JQuery方式");
    });

    jQuery(document).ready(function() {
        alert("HelloWorld2222-JQuery方式");
    });
</script>
</head>
<body>
</body>
</html>

 

 

posted @ 2017-02-19 13:51  Mr_伍先生  阅读(482)  评论(0)    收藏  举报