初学者问题 - 如何让我的 JS 代码显示在浏览器上？答案

【问题标题】：Beginner Question - How do I get my JS code to show on a browser?初学者问题 - 如何让我的 JS 代码显示在浏览器上？
【发布时间】：2022-11-30 16:22:51
【问题描述】：

我正在使用 VS 代码作为我的代码编辑器（不确定它是否相关）。我的第一个项目是改变背景颜色。完成代码编写后，如何让它们显示在浏览器上？

我不确定如何让它显示在浏览器上。

【问题讨论】：

您可以试试Live Server 扩展。这将实时预览您的 JavaScript 和 HTML 代码。
我真的觉得这不需要整个答案块...只需将您的 javascript 文件链接到您的 html 并打开您的 .html 文件。 <script src="C:/full/path/to/script.js"></script>。您不需要服务器来呈现 .html 文件。也许我错了。

【解决方案1】：

你想在浏览器中看到你的代码，你将打开代码文档的实时服务器 -

打开一个 HTML 文件并右键单击编辑器，然后单击“使用实时服务器打开”。

或者直接在浏览器中输入这个网址

http://127.0.0.1:5500/

5500 是默认端口

或者只安装一个扩展实时服务器，它会直接打开浏览器。

【讨论】：

【解决方案2】：

在我看来，在浏览器中执行 JavaScript 的最佳方式是将其放入 HTML 文档中的脚本元素中。我的意思是，在您拥有 js 文件的同一文件夹中，创建一个 html 文件并在其中放置该文件的脚本链接。

 <script src="script.js" defer></script>

这需要在<head></head>

【讨论】：