.js 文件如何在浏览器上执行?
在本文中,我们将学习如何使用以下多种方法在浏览器上执行 .js 文件。有关 Javascript 的深入知识,请参阅服务器端和客户端编程。
.js 是如何被浏览器执行的?
每个 Web 浏览器都带有一个提供 JavaScript 运行时环境的 JavaScript 引擎。例如,Google Chrome 使用由Lars Bak开发的 V8 JavaScript 引擎。 V8 是The Chromium Project 为 Google Chrome 和 Chromium 网络浏览器开发的开源 JavaScript 引擎。
浏览器的内置解释器在加载网页时搜索标签或与 HTML 文件链接的.js文件,然后开始解释和执行。
方法 1:使用普通
示例:在这种方法中,我们使用标记在 HTML 文件本身中编写了 JavaScript 代码。当 Web 项目中只需要几行 JS 代码时,通常首选这种方法。浏览器的内置解释器在加载网页时在 HTML 文件中搜索标签,然后开始解释和执行。
HTML
HTML
输出:
方法 2:使用带有“src”参数的
句法:
参数:
- src: JavaScript 文件的文件路径
要了解有关文件路径的更多信息,请参阅文件目录中的路径名称。
示例:下面是上一个示例中的 Javascript 代码,我们希望通过不同的单独方法来执行此代码。我们将创建一个单独的文件“ app.js ”,并将下面的代码放在这个“ .js ”文件中。
app.js
现在,我们将使用下面的代码将“ .js ”文件与 HTML 文件链接起来。对于这个任务,我们将使用标签,我们将在src参数中提供我们的.js文件的文件路径。这样,当我们的 HTML 文件开始在浏览器中加载时,浏览器的内置解释器会搜索与 HTML 文件链接的标签或.js文件,然后开始解释和执行。
当 Web 项目中需要大量 JavaScript 代码行时,这种方法是首选,因此我们创建一个单独的.js文件并使用标记的src参数将该.js文件链接到我们的 HTML 文件。
HTML
输出: