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