浏览器未加载简单的 javascript答案

【问题标题】：Browser not loading simple javascript浏览器未加载简单的 javascript
【发布时间】：2023-01-21 02:00:46
【问题描述】：

我正在尝试创建一个简单的 javascript 项目，但我面临一个非常简单的问题。我的 javascript 源代码没有从我的浏览器加载。为了简单起见，我简化了代码：

<!DOCTYPE > <!DOCTYPE html>
<html lang="en">
  <head>
    <title>My Testing works</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

  </head>
  <body>
    <script>
      type="text/javascript"
      src="main.js"
    </script>
    <main>
      <h1>My Page works</h1>
    </main>
  </body>
</html>

还有我简单的 javascript：

console.log('javascript source working')
alert("Message")

来自 chrome 的 Devtools 显示以下内容

我在我的 chrome 上启用了 javascript。我究竟做错了什么？

【问题讨论】：

标签： javascript html browser

【解决方案1】：

你有一个错字：

<!-- no closing bracket before attributes -->
<script
  type="text/javascript"
  src="main.js">
</script>

脚本通常在一行中声明（打开-关闭）。这是惯例。

<script type="text/javascript" src="main.js"></script>

【讨论】：

【解决方案2】：

您的脚本标签关闭得太快

    <script>
      type="text/javascript"
      src="main.js"
    </script>

需要是

    <script
      type="text/javascript"
      src="main.js">
    </script>

【讨论】：