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总是被动触发的”。