两种常用的jquery事件加载的方法 的区别
2016-04-06 16:53
507 查看
两种常用的jquery事件加载的方法
$(function(){});
window.onload=function(){}
第一个呢,是在DOM结构渲染完成以后调用的,这时候网页中一些资源还没有加载,比如图片等资源,但是DOM结构已经渲染成功了
第二个呢,是在网页DOM结构渲染完成,而且资源已经加载成功以后调用的。
有没有感受出区别来呢,一个是在资源没有加载的时候调用的,一个是在资源加载结束,页面已经渲染之后调用的,所以当我们在$(function(){})调用$('img').width()的时候,由于图片还没有加载,所以这时候<img>标签的高度就是0,所以返回值就是0。但是当你用window.onload=function(){}调用的时候,图片已经加载出来了,所以这时候就能得到图片的高度。
所以记得,$(function(){})是在DOM渲染结束,资源还没有加载的时候执行的,如果你想获取到一些资源的信息,这个时候是没有办法的哦
$(function(){});
window.onload=function(){}
第一个呢,是在DOM结构渲染完成以后调用的,这时候网页中一些资源还没有加载,比如图片等资源,但是DOM结构已经渲染成功了
第二个呢,是在网页DOM结构渲染完成,而且资源已经加载成功以后调用的。
有没有感受出区别来呢,一个是在资源没有加载的时候调用的,一个是在资源加载结束,页面已经渲染之后调用的,所以当我们在$(function(){})调用$('img').width()的时候,由于图片还没有加载,所以这时候<img>标签的高度就是0,所以返回值就是0。但是当你用window.onload=function(){}调用的时候,图片已经加载出来了,所以这时候就能得到图片的高度。
所以记得,$(function(){})是在DOM渲染结束,资源还没有加载的时候执行的,如果你想获取到一些资源的信息,这个时候是没有办法的哦
相关文章推荐
- IE8 jquery解析xml的兼容问题
- jQuery中attr()、prop()、data()用法及区别
- jquery checkbox 全选反选 第一二次有反应下来点击无效果
- JavaScript、Ajax与JQuery的关系
- Jquery简单的发送验证码倒计时
- JQuery控制input的隐藏和显示
- jquery实现图片无缝轮播显示(个人随笔)
- jQuery集合
- JavaScript 原生和JQuery 的Ajax--源自技术
- jquery.validate.js表单验证
- 在javascript或者jQuery中绑定按钮点击事件,和在HTML 标签中直接调用onclick属性有什么区别?
- jquery学习之add()
- jQuery中height()、innerheight()、outerheight()有什么不同
- 使用 jQuery 复制文字到剪贴板的技巧
- 使用JQuery Mobile时,解决fieldset在页面缩小时不会换行
- JQuery跨域Ajax
- jquery 轮播图
- jQuery诞生记-原理与机制
- jQuery.extend 函数详解
- jquery 获取 combo box 中的值