Javascript学习笔记十——网页运行原理

系列文章导航:

JavaScript学习笔记一——数据类型

JavaScript学习笔记二——函数

JavaScript学习笔记三——作用域

JavaScript学习笔记四——Eval函数

JavaScript学习笔记五——类和对象

JavaScript学习笔记六:prototype的提出

Javascript学习笔记七——原型链的原理

Javascript学习笔记八——用JSON做原型

Javascript学习笔记九——prototype封装继承

Javascript学习笔记十——网页运行原理

Javascript学习笔记十一——包装DOM对象

Javascript学习笔记十三——关于响应事件

Javascript学习笔记十二——Ajax入门


当我们打开一个网页的时候,浏览器会首先创建一个窗口,这个窗口就是我所知道的window对象,也就是整个Javascript运行所依附的全局变量。

为了加载网页文档,当前窗口又需要创建一个Document对象,然后把打开的网页加载到Document下。网页就是在这个加载的过程中,一边加载一边呈现,所以我们当网速非常慢的时候可以看到,网页从上到下一点点地打开。

当我们用<script src=’’>引入其他的JS时,浏览器可能会派遣其他线程去下载,但是浏览器也会等待需要的JS文件下载完成,然后再有主线程按顺序加载JS其他的代码。在Web标准下,限制对同一个域名最多只允许使用两个线程可以同时加载内容,当然可以通过修改注册表来强迫Windows模块突破这一限制。

同时,许多网站会把js放到不同的子域名下,这样就可以使浏览器开启更多的线程并行加载这些资源,从而更加充分地利用网络带宽。

当整个页面都加载结束后,浏览器开始触发window对象或者body对象的onload事件,其实window对象和body对象的load事件是想通的,这也就意味着两个事件只能有一个起作用。当然,在常规意义上,也没有同时设置两者的需求。

到此结束,然后JS引擎就暂停工作,等待着下一次的触发。因此我们可以说:“JS总是被动触发的”。

it知识库Javascript学习笔记十&amp;mdash;&amp;mdash;网页运行原理,转载需保留来源!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。