Firefox与Chrome JavaScript解释器的异同

Question

 <html> <body bgcolor="WHITE"> <p>Paragraph 1</p> <script type="text/javascript"> //Script block 1 alert("Fisrt Script Block"); </script> <p>Paragraph 2</p> <script type="text/javascript"> //Script block 2 alert("Second Script Block"); </script> <p>Paragraph 3</p> </body> </html>

我保存了这个html文件，然后在Firefox和Chrome中执行了它。

在chrome中运行代码时，首先弹出两个警告框，然后显示段落内容。 相比之下，在Firefox中，首先加载段落标记中的内容，然后加载第一个警报，然后加载第二个段落，然后加载第二个警报，再单击第二个警报，然后单击“确定”按钮后，将显示第三个段落内容。
就我所知，这种差异是由于Firefox和Chrome使用的解释器的差异所致，我敢肯定。

我的问题是，这种行为叫什么？ 我的意思是拥有自己的口译员，这被称为某种东西吗？

任何帮助将不胜感激。 谢谢！

Answer 1

3个同时工作的流程：

正在下载
阅读/口译/执行
建筑/绘图

为了回答您的问题，它可以称为“浏览行为”。

Answer 2

正如Justinas所说，“不同的口译员”…
我不知道这种行为的名字。

关键是，如果脚本按渲染顺序执行则不是问题。
这是一个片段，即使p尚未显示，该脚本也能正常工作：

 <html> <body bgcolor="WHITE"> <p id="p1">Paragraph 1</p> <script type="text/javascript"> //Script block 1 alert("Fisrt Script Block"); document.getElementById("p1").style.color = "red"; </script> <p id="p2">Paragraph 2</p> <script type="text/javascript"> //Script block 2 alert("Second Script Block"); document.getElementById("p2").style.color = "green"; </script> <p id="p3">Paragraph 3</p> </body> </html>

Firefox与Chrome JavaScript解释器的异同

问题描述

2 个解决方案

解决方案1
1 已采纳 2018-04-30 11:19:40

解决方案2
0 2018-04-30 10:21:43

Firefox与Chrome JavaScript解释器的异同

问题描述

2 个解决方案

解决方案1 1 已采纳 2018-04-30 11:19:40

解决方案2 0 2018-04-30 10:21:43

解决方案1
1 已采纳 2018-04-30 11:19:40

解决方案2
0 2018-04-30 10:21:43