在使用requirejs的过程中,我将执行代码都放到domready里面去,但发现,如果页面中有图片,并且服务器还没返回状态码(404之类的),就会导致JS没法执行(一些点击操作。)。若是用jquery的$(function(){})
就不会有这种情况的出现,图片即使还在请求中,浏览器刷新状态还在转,不会影响代码的执行。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
你需要了解下dom的加载方式:
可以用setTimeout 模拟加载
会出项闪屏的效果,体验不是很好
也可以用 onload
文档外部资源不是很多的时候可以用,当有大量的页面的时候,我们必须等待所有的内容加载完了,
用户体验不是很好(指示页面包含图片等文件在内的所有元素都加载完成)如:
原生onload实现
`window.onload = function(){}
jQuery的实现方法
$(window).load(function() {
// including all frames, objects and images
});`
DOMready 成了我们最终的选择
原理: 在页面的dom树创建完成后(也就是HTML解析第一步完成)即触发,而无需等待其他的资源的加载,但有分为如下两种情况:
支持DOMContentLoaded事件的
DOMContentLoaded事件:当页面中的文档树解析完成时,在页面的Document对象上,会触发DOMContentLoaded事件.该事件代表了,页面的DOM树已经构建完成,但页面引用的样式表和图像文件,以及包含的框架页面可能还没有加载完成,在页面完全加载完成时,会触发另外一个类似的称为"load"的事件.
不支持的,就用Diego Perini 的hack 兼容。其兼容原理大概就是通过IE的document.documentElement.doScroll('left')来判断DOM树是否创建完毕
如 jQuery实现方法
`
$(document).ready(function() {
});`