您的位置:知识库 » Web前端

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

作者: 飞林沙  来源: 博客园  发布时间: 2010-01-25 13:11  阅读: 3733 次  推荐: 1   原文链接   [收藏]  

系列文章导航:

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

1
0
标签:JavaScript

Web前端热门文章

    Web前端最新文章

      最新新闻

        热门新闻