$(window).load(function() {})和$(document).ready(function(){})的区别
来源:互联网 发布:青岛学淘宝美工 编辑:程序博客网 时间:2024/05/22 02:00
$("#btn-upload").click(function(){ //比如说:
uploadPhotos();
});
(一)不用body.Onload()理由1:
如果我们想同时加载多个函数,我们必须这样写
<body onload="fn1(),fn2()"></body>看起来极其丑陋,如果用$(window).load()我们可以这样加载多个函数
$(window).load(function() {
alert("hello,我是jQuery!");
});
$(window).load(function() {
alert("hello,我也是jQuery");
});
这样写它会从上往下执行这两个函数,并且看起来漂亮多了.
(二)不用body.Onload()理由2:
用body.Onload()不能够做到js和html完全分离,这是一个很严重的问题.
另外用$(window).load(function(){...})和body.onload()都存在同样一个问题,因为开始也说到了,它们都需要等到页面的所有内容
加载完毕才执行,但是如果当网速比较慢的时候,加载一个页面往往需要较长的时间(几秒到十几秒不等,甚至更长...),所以我们经常
会遇到页面还没有完全加载完毕而用户已经在操作页面了这种情况,这样页面表现出来的效果就跟我们预期的效果不一样了,
所以在这里我推荐使用$(document).ready(function(){}),或简写为$(function(){}),因为他会在页面的dom元素加载完毕后就执行,
而无需等到图片或其他媒体下载完毕.
但是有时候确实我们有需要等到页面的所有东西都加载完后再执行我们想执行的函数,所以是该使用$(window).load(function(){...})还是
该使用$(function(){})往往需要结合具体需要而作不同的选择.
最后附上一段在所有DOM元素加载之前执行的jQuery代码
<script type="text/javascript">
(function() {
alert("DOM还没加载哦!");
})(jQuery)
</script>
原文地址:http://blog.csdn.net/jallin2001/article/details/6600311
- $(window).load(function() {})和$(document).ready(function(){})的区别
- $(window).load(function() {})和$(document).ready(function(){})的区别
- $(window).load(function() {})和$(document).ready(function(){})的区别
- $(window).load(function() {})和$(document).ready(function(){})的区别
- $(window).load(function() {})和$(document).ready(function(){})的区别
- $(window).load(function() {})和$(document).ready(function(){})的区别
- $(window).load(function() {})和$(document).ready(function(){})的区别
- $(window).load(function(){}) 和 $(document).ready(function(){})的区别
- $(window).load(function() {})和$(document).ready(function(){})的区别
- $(window).load(function() {})和$(document).ready(function(){})的区别
- $(window).load(function() {})和$(document).ready(function(){})的区别
- $(window).load(function() {})和$(document).ready(function(){})的区别
- $(window).load(function() {})和$(document).ready(function(){})的区别
- $(window).load(function(){}) 和 $(document).ready(function(){})的区别
- $(window).load(function() {})和$(document).ready(function(){})的区别
- $(window).load(function() {}),$(document).ready(function(){}),body.Onload()的区别
- $(document).ready()、 $(function(){})、$().ready(function(){})和window.onload的区别
- $(document).ready(function(){...})和$(document).load(function(){...})的区别
- 设置与菜单项关联的Activity学习笔记
- 数据结构上机实验之二分查找
- iPhone开发入门系列1(iOS8+Swift版)天天打靶APP学习12-14
- Magento 开启Compilation预编译 网站无法打开
- 南邮 OJ 1732 还是质数
- $(window).load(function() {})和$(document).ready(function(){})的区别
- android图片处理
- C(4)
- 类成员的指针
- POJ 2128:Highways
- Codeforces Round #Pi (Div. 2)
- List排序问题
- 比较两个字符串的大小(两种方法,重点在介绍数组元素可以作为函数的实参)
- 原生js绑定和解除事件