console.log/javascript/index.html 未链接答案

【问题标题】：console.log / javascript/ index.html not linkedconsole.log/javascript/index.html 未链接
【发布时间】：2022-06-13 23:35:17
【问题描述】：

我正在处理一个 html 文档文件夹（一个表单），并将其链接到 js 文档文件夹。但是从 js 文档文件夹中对 html 所做的所有更改都不会发布在控制台上。我单击检查，控制台，并且未链接。有人可以帮忙吗？谢谢

这是 Visual Studio 上的代码：

<!DOCTYPE html>


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="#">
    <title>Form</title>
</head>
<body>
    <div container="container">
        <h1>Form</h1>
        <h2>Hello</h2>
    <div class="mb-3">
        <label for="exampleFormControlInput1" class="form-label">Email address</label>
        <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
      </div>
      <div class="mb-3">
        <label for="exampleFormControlTextarea1" class="form-label">Example textarea</label>
        <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
      </div>
      </div>
      
      <script src="script.js"></script> 


</script>
</body>
</html>

在 js 文件夹中，此命令不会在控制台上显示任何内容。

console.dir(文档);

【问题讨论】：

您必须将 .html 文件中的 relative URL 提供给 .js 文件。因此，如果 .js 文件位于名为“JS”的同级文件夹中，则需要 <script src="js/script.js">,/script>。
由于我在手机上，我只能猜测，但是有一个不应该存在的结束脚本标签，如果 js 文件位于根文件夹中，请在前面使用 ./ js 文件的路径，否则提供文件的完整相对路径。
@TD3V 虽然这是一个错误，但它不会阻止第一个 script 工作。另外，要指定网络根目录，您只需要在路径的开头/。

标签： javascript

【解决方案1】：

确保您的 script.js 文件正在被提供。

您可能希望使用本地服务器来托管您的所有文件，以便您的浏览器可以访问它们。

你可以这样做

npx http-server ./folder/

然后你会看到：

Available on:
  http://127.0.0.1:8080

您可以导航到该链接和您的 index.html 文件，该文件现在可以访问您的 script.js 文件

（如果你没有npx你可以在这里安装节点https://nodejs.org/en/download/）

【讨论】：

这个问题没有用 Node 标记，所以我不确定你为什么要提供节点答案。无需针对服务器将 .js 文件链接到 .html 文件并运行它们。