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>

原文地址:https://www.cnblogs.com/mr-wuxiansheng/p/6415644.html