jquery中的$(document).ready()、JavaScript中的window.onload()以及body中的onload()、DomContentLoaded()区别
来源:互联网 发布:淘宝如何认证大v 编辑:程序博客网 时间:2024/06/06 04:19
window.onload()以及body中的onload()两者都表示当页面加载元素(包括图片等信息)完毕后执行的操作,是原始JS中就有的。同时window.onload只能注册一个事件处理函数,和原生JS通过属性注册事件的原理(详情见博客)是一样的,后面注册的会覆盖前面的 ,在IE10和火狐中window.onload和body.onload是一样的,所以在后面的会覆盖前面的,但是在chrome中则两者不一样注册的事件均会被执行。
a、当JS代码在head中时且window.onload()中方法是匿名时:将会跳过window中的方法。
<html>
<head>
<script type="text/javascript"> alert('a');
window.onload=function () {
alert('b');
} ;
alert('c');
</script>
</head>
<body onload="alert('d');">
</body>
</html>
上面的代码在IE10以及火狐中执行的结果是:a,c,d,在谷歌中的结果为:a、c,b,d
b、当JS代码在body中:
<html>
<head>
</head>
<body onload="alert('a');">
<script type="text/javascript"> alert('b');
window.onload=fn;
function fn () {
alert('c');
} ;
alert('d');
</script>
</body>
</html>
谷歌火狐等的执行结果为:b,d,c
注意在给window.onload赋值的时候是赋值的方法名或者匿名函数而不是方法,否则直接执行函数,结果不是预期的效果
- jquery中的$(document).ready()、JavaScript中的window.onload()以及body中的onload()、DomContentLoaded()区别
- javascript中的window.onload() 和 jquery中的 $(document).ready()
- jquery中的ready方法、js中的window.onload和body标签中的onload的区别
- jquery中的$(document).ready()与window.onload的区别
- jquery中的$(document).ready()方法和window.onload方法区别
- jquery中的$(document).ready()与window.onload的区别
- jquery中的$(document).ready()方法和window.onload方法区别
- window.onload方法 和jquery中的$(document).ready()方法区别
- jquery中的$(document).ready()方法和window.onload方法区别
- jquery中的$(document).ready()方法和window.onload方法区别
- jquery中的$(document).ready()方法和window.onload方法区别
- Jquery中的$(document).ready()和window.onload的区别
- jQuery中的$(document).ready和javascript中的window.onload的联系与区别
- JavaScript中的window.onload方法与jQuery中的$(document).ready()方法的区别
- jquery与javascript中的两个页面加载事件 window.onload 与 $(document).ready(function(){})区别
- Jquery中$(document).ready()和传统JavaScript中的window.onload的区别。
- jQuery中的$(document).ready()与js中的window.onload
- jquery $(document).ready() 与window.onload的区别以及DOMContentLoaded事件
- 利用HTML5的canvas制作万花筒动画特效
- JS中数组对象去重
- jQuery对象与JS原生dom对象之间的转换
- 总结json
- JS中的事件冒泡(Bubble)和事件捕获(capture)以及如何阻止事件的冒泡
- jquery中的$(document).ready()、JavaScript中的window.onload()以及body中的onload()、DomContentLoaded()区别
- CSS 中的内联元素、块级元素以及display的各个属性的特点
- request.querystring和request.form、session的区别
- Jquery中的队列函数quene()、dequene()、clearQuene()
- python re函数的常用方法
- js中eval() 方法的使用以及一些特殊的使用方式
- _ConnectionPtr、_RecordsetPtr和_CommandPtr
- JQ中的延迟对象deferred中的promise等的使用
- 梦想是什么