码迷,mamicode.com
首页 > Web开发 > 详细

JS工作原理

时间:2018-11-05 17:29:09      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:elf   元素   dom   工作   car   monkey   老版本   解释   语法   

JS工作原理


浏览器组成可分两部分:Shell+内核。
浏览器内核又可以分成两部分:渲染引擎(layout engineer或者Rendering Engine)和JS引擎。
渲染引擎功能作用
渲染引擎,负责对网页语法的解释(如HTML、JavaScript)并渲染网页。 所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法 的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。

浏览器内核分成两部分渲染引擎和js引擎,由于js引擎越来越独立,内核就倾向于只指渲染引擎
渲染引擎是一种对HTML文档进行解析并将其显示在页面上的工具

渲染引擎:

    firefox使用gecko引擎

    IE使用Trident引擎

    2015年微软推出自己新的浏览器,原名叫斯巴达,后改名edge,使用edge引擎

    opera最早使用Presto引擎,后来弃用

    chrome\safari\opera使用webkit引擎

    13年chrome和opera开始使用Blink引擎

js引擎:

    老版本IE使用Jscript引擎

    IE9之后使用Chakra引擎

    edge浏览器仍然使用Chakra引擎

    firefox使用monkey系列引擎

    safari使用的SquirrelFish系列引擎

    Opera使用Carakan引擎

    chrome使用V8引擎。nodeJs其实就是封装了V8引擎

JS与宿主环境的关系:

浏览器端(API:操作浏览器,DOM网页元素,WEB实现互联网的各种功能)
服务器端(文件操作API,网络通信)

前端使用方式:
1:行内添加事件
2:script标签直接写js代码
3:外部引入js文件

JS工作原理

标签:elf   元素   dom   工作   car   monkey   老版本   解释   语法   

原文地址:http://blog.51cto.com/445153/2312990

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!