执行html文件时浏览器中不显示文本答案

【问题标题】：No text is displaying in browser when execute html file执行html文件时浏览器中不显示文本
【发布时间】：2020-03-30 12:34:24
【问题描述】：

我有使用 Java 和 Python 的经验，我正在跟随本教程在线 (https://www.youtube.com/watch?v=W6NZfCO5SIk&t=579s) 学习 Javascript。尽管复制并粘贴了他的代码（我有一个名为“test.js”的javascript文件和一个名为“test.html”的html文件，但当它打开时，我无法在浏览器页面中显示“Hello world”文本。（页面标题显示正确，但页面中没有显示“Hello world”文字，只有一个空白页面）。

test.html:

<!DOCTYPE html>
<html lang="en-US">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content = "ie=edge">
    <title>Today's date</title> 
</head>

<body>
    <script src = "test.js">
    </script>  
</body>

test.js：

console.log("Hello world")

【问题讨论】：

Hello world 应该显示在控制台而不是页面本身。按 F12 并检查 Console 选项卡。
该时间码的代码在<body> 中有一个又大又胖的<h1>Hello World</h1>，你的代码做的事情完全不同。如果您进一步观看，视频创作者会解释如何查看控制台。
那为什么在我正在观看的视频中，当他运行他的代码时，它会显示在页面本身上？当我选择“检查元素”时，我可以在控制台选项卡中看到它，但在页面上看不到消息显示。
HTML <h1>Hello World</h1> 被浏览器解析和渲染，因此在主窗口中以大字体显示。另一方面，console.log("Hello world") 将Hello World 写入控制台。但同样：您的代码和视频不匹配，不是文件名，不是那个时间码的内容。就像您正在学习两个不同的教程一样。另外：不执行 HTML。它不是一种编程语言。 HTML 定义内容和结构，并将其解析为 DOM 对象并呈现到窗口。
你应该确保你选择了一个教程，然后完全按照它来做。使用其他语言的经验意味着您知道一个字母可以改变世界，HTML 和 JS 也不例外。您可能还应该选择不同的字符串，例如<h1>Huge heading test</h1> 和console.log("I AM CONSOLIO")，这样区别就变得明显并且更容易发现错误。

标签： javascript html visual-studio-code

【解决方案1】：

只需按 F12 即可打开您的控制台使用alert在浏览器中显示

哦，我猜你懂了试试这个<h1></h1>

<body>
    <h1>Hello World</h1>
    <script src = "test.js">
    </script>  
</body>

【讨论】：

但在视频中他不仅看到它显示在控制台中。他看到它也显示在浏览器中，代码相同。