时间戳

首页 > 解决方案 > index.html 不会在 chrome 浏览器中显示 main.js 代码

javascript - index.html 不会在 chrome 浏览器中显示 main.js 代码

问题描述

我正在关注如何在 index.html 上显示 .js 文件的教程，但 javascript 仅在它是 index.html 代码的一部分时才显示，而不是在单独的 .js 文件上显示。Chomre 开发工具发现了一个语法错误，但我不确定它是什么。我什至尝试打开其他人的 github js 工作，但没有运气

我检查了浏览器限制

//main.js code from jsfile 
<script>
  document.body.innerHTML = "This is some content";
</script>

//html uses  src="js/main.js" in a script tag after <body> tag

应在网页上显示“这是一些内容”

标签： javascripthtml

解决方案

当你将 JS 代码放在一个单独的文件中时，不要包含<script>标签；只是JavaScript：

// main.js
document.body.innerHTML = "This is some content";

不像这样：

// main.js
<script>
  document.body.innerHTML = "This is some content";
</script>

<script>标签用于将 HTML/CSS 与 .htm 文件中的 JS 分开。.js 文件中不应包含任何 HTML/CSS。

推荐阅读