HTML未读取外部Javascript文件_Javascript_Html

HTML未读取外部Javascript文件

javascript html

HTML未读取外部Javascript文件,javascript,html,Javascript,Html,我正在尝试编写一个非常简单的HTML页面，显示由JS文件生成的消息。我对HTML/JS有点陌生，我确信我缺少了一些非常简单的东西，但我一辈子都无法获得阅读脚本的页面。当我加载页面时，它是完全空白的，在inspector中没有任何错误这是项目文件夹结构： -Project (folder) --templates (folder) ----home.html --src (folder) ----home.js --styles (folder) ----home.css 另外，我非常确定我的

我正在尝试编写一个非常简单的HTML页面，显示由JS文件生成的消息。我对HTML/JS有点陌生，我确信我缺少了一些非常简单的东西，但我一辈子都无法获得阅读脚本的页面。当我加载页面时，它是完全空白的，在inspector中没有任何错误

这是项目文件夹结构：

-Project (folder)
--templates (folder)
----home.html
--src (folder)
----home.js
--styles (folder)
----home.css

另外，我非常确定我的HTML页面看到了脚本，因为当我删除或重命名脚本时，浏览器的检查器中会出现一个错误，告诉我它找不到脚本。所以它看到了脚本，只是出于某种原因没有运行它

这是代码

home.html：

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="../styles/home.css"></link>
        <script type="type/javascript" src="../src/home.js"></script>
    </head>
    <body>
        <div id="bodytext"></div>
    </body>
</html>

能不能请一些慷慨的人告诉我我犯了什么极其简单的错误

谢谢大家!

type属性的值应为

text/javascript

，如下所示：

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

类型属性的值应为

text/javascript

，如下所示：

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

在DOM加载完成之前，脚本正在运行。如果将

标记放在结束正文标记之前（

），它将在加载DOM后运行，并且您将能够像正常情况一样遍历DOM。

在加载DOM之前，脚本正在运行。如果将

标记放在结束正文标记之前（

），它将在加载DOM后运行，并且您将能够像正常情况一样遍历DOM。

type属性的值应为text/javascript，如下所示

enter code here

除此之外，您还必须按如下所示更改java脚本代码，以便只有在页面完全加载且文档对象可用时才能执行脚本

window.onload=function（）{
log（“我正在读脚本”）；
document.getElementById（'bodytext'）.innerHTML=“我正在阅读脚本”；
};类型属性的值应为text/javascript，如下所示
enter code here

除此之外，您还必须按如下所示更改java脚本代码，以便只有在页面完全加载且文档对象可用时才能执行脚本

window.onload=function（）{
log（“我正在读脚本”）；
document.getElementById（'bodytext'）.innerHTML=“我正在阅读脚本”；
};是！我知道那一定是个愚蠢的打字错误什么的。非常感谢。或者根本没有输入，只需
。假设OP使用的是HTML5规范。正如其他人所说，我会一起删除type
属性。HTML5将其标记为可选，我相信它也被弃用了。是的！我知道那一定是个愚蠢的打字错误什么的。非常感谢。或者根本没有输入，只需
。假设OP使用的是HTML5规范。正如其他人所说，我会一起删除type
属性。HTML5将其标记为可选，我相信它也被弃用了。