JS 页面加载触发事件 document.ready和onload的区别
来源:互联网 发布:java过滤所有html标签 编辑:程序博客网 时间:2024/05/22 04:55
一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件);
二是onload,指示页面包含图片等文件在内的所有元素都加载完成。
一般情况一个页面响应加载的顺序是,域名解析-加载html-加载js和css-加载图片等其他信息。
那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间,就可以操作Dom了。
3.用个最常用的例子说明Dom Ready和Dom Load两者的区别
Dom Ready是在dom加载完成后就可以直接对dom进行操作,比如一张图片只要<img>标签完成,不用等这个图片加载完成,就可以设置图片的宽高的属性或样式等;
Dom Load是在整个document文档(包括了加载图片等其他信息)加载完成后就可以直接对dom进行操作,比如一张图片要等这个图标加载完成之后才能设置图片的宽高的属性或样式等;
比如一个图片浏览的效果,通常如果图片尺寸很大的情况下,为了防止图片把页面撑开通常会限定图片的宽度或高度,如果是单张图片或者是多张规格比例统一的图片下我们可以直接在<img>上加个宽度或者高度的属性<img src=“img.jpg” alt=”码头的大照片” width=“100” height=“90”>,或者可以在css样式中加宽度或者高度的属性(推荐)。但是如果这些张规格比例不统一的图片要浏览呢?那就有问题,你设置宽高很可能造成图片严重失真。最好解决方案就是用Dom Ready而不是Dom Load,因为通常大图片加载的时候会一点一点的加载,这个在尺寸大,字节多,网速慢的时候表现的非常明显,用Dom Load,通常是先把页面撑开,加载完成后再把图片重设宽高,图片加载多少时间,这个页面就会撑开多久,用户会非常难受!!
- JS 页面加载触发事件 document.ready和onload的区别
- JS 页面加载触发事件 document.ready和onload的区别
- JS 页面加载触发事件 document.ready和onload的区别
- JS 页面加载触发事件 document.ready和onload的区别
- JS 页面加载触发事件 document.ready和onload的区别
- JS 页面加载触发事件 document.ready和onload的区别
- JS 页面加载触发事件 document.ready和window.onload的区别
- JS 页面加载触发事件 document.ready和window.onload的区别
- js页面加载触发的事件 document.write 和document.onload的区别
- jquery页面加载响应事件$(document).ready()与js页面加载响应事件window.onload()的区别
- js之当页面加载$(document).ready(function(){})和window.onload=function(){}的区别
- document.ready和onload的区别——JavaScript文档加载完成事件
- document.ready和onload的区别——JavaScript文档加载完成事件
- document.ready和onload的区别----JavaScript文档加载完成事件
- document.ready和onload的区别----JavaScript文档加载完成事件
- document.ready和onload的区别——JavaScript文档加载完成事件
- document.ready和onload的区别——JavaScript文档加载完成事件
- document.ready和onload的区别----JavaScript文档加载完成事件(二)
- java中自动装箱拆箱的陷阱
- block
- 深度神经网络可视化工具
- 404错误处理进阶
- Mediacodec编码Camera摄像头数据技术要点总结
- JS 页面加载触发事件 document.ready和onload的区别
- 【PDF下载】红包在线技术峰会之红包背后:红与黑的较量
- redis3.0.5集群与spring集成
- Android基础之Java接口
- 数组初始化过程以及内存理解
- Leetcode 207. Course Schedule
- Django模板继承block区域中如果要使用staic文件,需要在block区域再次导入
- 史上最浅显易懂的jmeter教程之一——安装
- SQL Server 阻止了对组件 'xp_cmdshell' 的 过程'sys.xp_cmdshell' 的访问