window.onload与$(document).ready()的区别分析
作者:bea
本文实例讲述了window.onload与$(document).ready()的区别。分享给大家供大家参考。具体分析如下: window.onload是Javascript中得函数,意思是:等待网页中所有内容加载完毕之后(包括图片); 而$(documetn).ready()是在网页中的所有DOM结构绘制完毕之后就可以执行了,可能有与DOM关联的元素还没有加载完,所以相比之下更快一些; 比如举个简单的例子: window.onload=function(){ aler
本文实例讲述了window.onload与$(document).ready()的区别。分享给大家供大家参考。具体分析如下:
window.onload是Javascript中得函数,意思是:等待网页中所有内容加载完毕之后(包括图片); 而$(documetn).ready()是在网页中的所有DOM结构绘制完毕之后就可以执行了,可能有与DOM关联的元素还没有加载完,所以相比之下更快一些;
比如举个简单的例子:
window.onload=function(){
alert('I am No.1');
};
window.onload=function(){
alert('I am No.2');
}
根据上面的意思,结果只能输出“I am No.2”
而换成:
$(document).ready(function(){
alert('I am No.1');
});
$(document).ready(function(){
alert('I am No.2');
});
结果输出 I am No.1 ,I am No.2
希望本文所述对大家的javascript程序设计有所帮助。
有用 | 无用
window.onload是Javascript中得函数,意思是:等待网页中所有内容加载完毕之后(包括图片); 而$(documetn).ready()是在网页中的所有DOM结构绘制完毕之后就可以执行了,可能有与DOM关联的元素还没有加载完,所以相比之下更快一些;
比如举个简单的例子:
window.onload=function(){
alert('I am No.1');
};
window.onload=function(){
alert('I am No.2');
}
根据上面的意思,结果只能输出“I am No.2”
而换成:
$(document).ready(function(){
alert('I am No.1');
});
$(document).ready(function(){
alert('I am No.2');
});
结果输出 I am No.1 ,I am No.2
希望本文所述对大家的javascript程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 使用nodejs开发cli项目实例
- jquery滚动特效集锦
- jQuery实现文本展开收缩特效
- jQuery插件制作之参数用法实例分析
- jQuery插件制作之全局函数用法实例
- javascript实现设置、获取和删除Cookie的方法
- jQuery解析XML文件同时动态增加js文件的方法
- JS实现兼容各浏览器解析XML文档数据的方法
- javascript判断并获取注册表中可信任站点的方法
- js事件监听器用法实例详解
- JavaScript中isPrototypeOf函数作用和使用实例
- JS实现屏蔽shift,Ctrl,alt等功能键的方法
- JavaScript使用addEventListener添加事件监听用法实例
- JavaScript使用位运算符判断奇数和偶数的方法
- JavaScript实现把rgb颜色转换成16进制颜色的方法
- JavaScript实现的简单拖拽效果
- 一看就懂:jsonp详解
- JS数组array元素的添加和删除方法代码实例
- JQuery判断checkbox是否选中及其它复选框操作方法合集