客户端js时间线

由于JavaScript是单线程的,了解客户端js时间线对我们来说很重要,让我们可以更清晰地知道某些步骤的执行顺序。以下的文章参考了《JavaScript权威指南》。

总体来说JavaScript程序从脚本执行阶段开始,然后开始切换到事件处理阶段。以下是JavaScript程序执行的详细时间线。

1.Web浏览器创建document对象,并且开始解析Web页面,解析HTML元素和他们的文本内容后添加到Element对象和Text节点到文档中。在这个阶段document.readystate属性的值是"loading"。遇到link标签引入的外部css文件,就开启另一线程去加载,同时继续解析文档。

2.当HTML解析器遇到script标签引入的内部或外部js文件,没有async和defer属性时,会把这些元素添加到文档中,然后执行脚本。这些脚本会同步执行,并且在脚本下载(如果需要)和执行时解析器会暂停。这样脚本就可以用document.write()来把文本插入到输入流中。解析器恢复时这些文本会成为文档的一部分。同步脚本经常简单定义函数和注册后面使用的注册事件处理程序,但他们可以遍历和操作文档树,因为在他们执行时已经存在了。这样,同步脚本可以看到它自己的

你可能感兴趣的:(Javascript,js执行时间线)