document文本对象

最新推荐文章于 2023-01-15 20:54:37 发布

lnn2007

最新推荐文章于 2023-01-15 20:54:37 发布

阅读量739

点赞数

文章标签： browser 脚本 html iframe object tree

本文链接：https://blog.csdn.net/lnn2007/article/details/7935592

版权

今天帮师兄改一个bug，他是这么写的$(document).scrollTop，但是console.log一下这个看了一眼感觉很奇怪，由于学jq不是很输入，后来才想起来这个是jq的一个函数所以改成了$(document).scrollTop（）或者是document.documentElement.scrollTop两个都是可以的，然后看了一下dom的定义，发现自己真的不懂了。。。

Each web page loaded in the browser has its own document object. This object serves as an entry point to the web page's content (theDOM tree, including elements such as <body> and<table>) and provides functionality global to the document (such as obtaining the page's URL and creating new elements in the document).来自：https://developer.mozilla.org/en-US/docs/DOM/document

现在发现自己理解的还可以，但是后来又查到

1. HTML被解析。
　　2. 外部脚本/样式表被加载。
　　3. 文档解析过程中内联的脚本被执行。
　　4. HTML DOM构造完成。
　　5. 图像和外部内容被加载。
　　6. 页面加载完成。

当时就晕了，document对象不是包括img对象吗？为什么是这个顺序，很疑惑

后来问了一下前辈，然后大解，iframe试试外部内容，图像就是图像了，但是他们都是通过src加载的，换句话说他们都是通过src绘制的，所以说如果页面含有大量图片或者iframe中含有很多内容，就要慎用window.onload函数，还好现在有html5有了document.readyState，好像还有其他的什么原生的dom加载完了的原生函数

所以当img标签加载好了之后，document对象就加载好了，呵呵。结束