外部js文件调用console.log时浏览器控制台无输出问题求助

核心错误是外部JS文件的引入语法不符合HTML规范，浏览器并未加载执行你写的index.js文件，因此不会输出对应日志，具体错误点如下：

• 你当前写的<script>src = 'index.js'</script>属于内嵌脚本逻辑，只是声明了一个全局变量src并赋值为字符串index.js，完全不是引入外部JS的语法。引入外部JS需要将src作为<script>标签的属性，写在标签的尖括号内部。
• 额外还有两处语法错误也需要修正：
  • 文档声明!DOCTYPE html前缺少左尖括号，正确写法是<!DOCTYPE html>
  • h1标签多了多余的转义反斜杠，正确写法是<h1> Hello world</h1>

把index.html里的script标签替换为正确的外部引入写法即可，修正后的完整index.html代码如下：

<!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">
    <title>Document</title>
</head>
<body>
    <h1> Hello world</h1>
    <script src="index.js"></script>
</body>
</html>

修正后保证index.js和index.html存放在同级目录下，刷新页面即可在控制台看到对应日志输出。

内容的提问来源于stack exchange，提问作者Kyle