js的window.onload和jquery document.ready()的区别
2016-08-18 11:24
841 查看
window.onload=function(){}是在dom文档树加载完和所有文件加载完之后执行一个函数;
jquery的$(document).ready(function(){})简写为:$(function(){})是在dom文档树加载完就执行这个函数。
显然,jquery的是比window.onload先执行的;
区别在于,onload还要等待图片等资源载入完成,才会执行;.read只需要等dom文档树结构加载完成就可以了!
另:css代码写在head里,有利于加速网页的渲染;<pre name="code" class="html" style="font-size: 15px; line-height: 24px;"> document.ready(function () {
alert('ready');
});
jquery的$(document).ready(function(){})简写为:$(function(){})是在dom文档树加载完就执行这个函数。
显然,jquery的是比window.onload先执行的;
区别在于,onload还要等待图片等资源载入完成,才会执行;.read只需要等dom文档树结构加载完成就可以了!
另:css代码写在head里,有利于加速网页的渲染;<pre name="code" class="html" style="font-size: 15px; line-height: 24px;"> document.ready(function () {
alert('ready');
});
window.onload = function () { alert('onload'); };不妨验证一下执行顺序!
相关文章推荐
- jQuery 中 $(document).ready()事件与js中window.onload()事件的区别
- 传统JS中的window.onload方法和jQuery中的$(document).ready()方法的区别
- js中window.onload与jquery中$(document.ready())的区别
- jquery (js中window.onload与jquery中$(document.ready())的区别)
- jQuery 中 $(document).ready()事件与js中window.onload()事件的区别
- js $(document).ready()、()(jQuery)、window.onload=function(){} 区别
- 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() 与window.onload 的区别
- jquery中的$(document).ready()与window.onload的区别
- jquery中的$(document).ready()方法和window.onload方法区别
- jquery中的$(document).ready()与window.onload的区别
- Jquery中$(document).ready()和传统JavaScript中的window.onload的区别。
- jQuery参考:jquery中的$(document).ready()与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- 原生的window.onload与jQuery下的$(document).ready()的区别
- jquery与javascript中的两个页面加载事件 window.onload 与 $(document).ready(function(){})区别
- jquery中的$(document).ready()与window.onload的区别