$(document).ready()和原生js下的window.onload的区别
2016-11-24 10:06
344 查看
区别1:
$(document).ready()是规定DOM(网页文档)加载完成后网页内容加载之前执行的,也就是说在html加载完成后,图片加载之前。
window.onlad()是在页面所有元素(包括图片、引用文件)加载完成后执行,也就是说页面的所有东西加载完之后在加载。
区别2:
$(document).ready()比window.onload()的加载速度要快
如图所示:
区别3:
onload()一般用在window和页面中的图片,如果写在页面中结构中,那就加到body标签中。
window.onload = function(){}
document.getElementById('imgID').onload = function(){}
详细说明:
Dom Ready是在dom加载完成后就可以直接对dom进行操作,比如一张图片只要<img>标签完成,不用等这个图片加载完成,就可以设置图片的宽高的属性或样式等;
Dom Load是在整个document文档(包括了加载图片等其他信息)加载完成后就可以直接对dom进行操作,比如一张图片要等这个图标加载完成之后才能设置图片的宽高的属性或样式等;
$(document).ready()是规定DOM(网页文档)加载完成后网页内容加载之前执行的,也就是说在html加载完成后,图片加载之前。
window.onlad()是在页面所有元素(包括图片、引用文件)加载完成后执行,也就是说页面的所有东西加载完之后在加载。
区别2:
$(document).ready()比window.onload()的加载速度要快
如图所示:
区别3:
onload()一般用在window和页面中的图片,如果写在页面中结构中,那就加到body标签中。
window.onload = function(){}
document.getElementById('imgID').onload = function(){}
详细说明:
Dom Ready是在dom加载完成后就可以直接对dom进行操作,比如一张图片只要<img>标签完成,不用等这个图片加载完成,就可以设置图片的宽高的属性或样式等;
Dom Load是在整个document文档(包括了加载图片等其他信息)加载完成后就可以直接对dom进行操作,比如一张图片要等这个图标加载完成之后才能设置图片的宽高的属性或样式等;
相关文章推荐
- jquery页面加载响应事件$(document).ready()与js页面加载响应事件window.onload()的区别
- 传统JS中的window.onload方法和jQuery中的$(document).ready()方法的区别
- js中window.onload与jquery中$(document.ready())的区别
- js $(document).ready()、()(jQuery)、window.onload=function(){} 区别
- 原生的window.onload与jQuery下的$(document).ready()的区别
- JS 页面加载触发事件 document.ready和window.onload的区别
- js的window.onload和jquery document.ready()的区别
- js自动加载两种方法window.onload和$(document).ready的区别
- JS 页面加载触发事件 document.ready和window.onload的区别
- js之当页面加载$(document).ready(function(){})和window.onload=function(){}的区别
- jQuery 中 $(document).ready()事件与js中window.onload()事件的区别
- jquery (js中window.onload与jquery中$(document.ready())的区别)
- JS 页面加载触发事件 document.ready和window.onload的区别
- JS点击任意标签获得该标签属性,以获得ID为例,以及AJAX的异步原理和 $(document).ready()与window.onload加载方法的区别
- jQuery 中 $(document).ready()事件与js中window.onload()事件的区别
- 浅谈jQuery $(document).ready(function(){})和js window.onload区别
- jquery $(document).ready() 与window.onload的区别
- jquery中的$(document).ready()与window.onload的区别
- Jquery中$(document).ready()和传统JavaScript中的window.onload的区别。
- $(document).ready()和window.onload的区别