开发者社区> mr_伍先生> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

JQuery与JavaScript onload的区别

简介: 1、window.onload 不能有多个,后面的功能会覆盖前面。而jQuery(document).ready()可以存在多个。 2、window.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>

 

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
JavaScript及jQuery入门【上】
什么是JavaScript 概述 JavaScript是一门世界上最流行的脚本语言 Java、JavaScript 历史 ECMAScript可以理解为是JavaScript的一个标准 最新版本已经到es6~ 但是大部分浏览器还停留在支持es5代码上 开发环境--线上环境,版本不一致 快速入门 引入
38 0
JavaScript及jQuery入门 【下】
什么是JavaScript 概述 JavaScript是一门世界上最流行的脚本语言 Java、JavaScript 历史 ECMAScript可以理解为是JavaScript的一个标准 最新版本已经到es6~ 但是大部分浏览器还停留在支持es5代码上 开发环境--线上环境,版本不一致 快速入门 引入
31 0
2011-04-13 15:54 利用事件触发实现ActiveX调用js函数
之前写过文章通过自定义函数来实现ActiveX回调JS中的函数,最近在网上发现一更简洁的方法,通过事件触发,在这里小结一下,为使内容连贯,请参考我之前的《一步一步实现ATL开发的ActiveX组件与javascript的交互》系列文章http://hi.
703 0
JavaScriptCore, WebKit的JS实现(一)
什么是method JIT? 什么是DFG JIT? JSC的DFG JIT与V8 Crankshaft相比有何优劣? JIT:一个方法式的JIT(a method jit) *关于method JIT,可以参考另一份档案。
1140 0
JavaScriptCore, WebKit的JS实现(完)
目前,JavaScript的实现已经成为编译领域的一个重要组成部分。主要包括Google的V8, Mozilla的SpiderMonkey, 还有Webkit使用的JavaScriptCore。
1309 0
js实现css、addClass、removeClass和toggleClass
JQuery中获取CSS样式css(name):访问第一匹配元素的样式属性css(name,value):在所有匹配的元素中,设置一个样式属性的值css(properties):把一个“名/值对”对象设置为所有匹配元素的样式属性css(name,function(index,value)):在所有匹...
686 0
+关注
mr_伍先生
java,编程语言,算法兴趣
476
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载