标签:WebAPI onload BOM04 function window BOM 处理函数 加载
BOM:浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM由一系列对象组成,并且每个对象都提供了很多方法与属性。
BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分。
window对象常见的事件:
-
window.onload = function(){}或window.addEventListener(“load”,function(){});
window.onload是窗口(页面)加载事件,当文档内容完全加载完成会触发该事件(包括图像、脚本文件、CSS文件等),就调用的处理函数。有了window.onload就可以把JS代码写到页面元素的上方,因为onload是等页面内容全部加载完毕,再去执行处理函数。 -
document.addEventListener(‘DOMContentLoaded’,function(){})
DOMContentLoaded事件触发时,仅当DOM加载完成,不包括样式表、图片、flash等等,IE9以上才支持,如果页面的图片很多的话,从用户访问到onload触发可能需要较长的事件,交互效果就不能实现,必然会影响用户的体验,此时用DOMContentLoaded事件比较合适。
-
window.onresize = function(){}或window.addEventListener(“resize”,function(){});
window.onresize是调整窗口大小加载事件,当触发时就调用的处理函数。 -
定时器:window.setTimeout(调用函数,[延迟的毫秒数]); 这个window在调用的时候可以省略。如果延迟时间省略默认为0。
标签:WebAPI,onload,BOM04,function,window,BOM,处理函数,加载 来源: https://blog.csdn.net/qq_43599049/article/details/114779480
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。