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文件