Question

我正在尝试编写一个非常简单的HTML页面，该页面显示由JS文件生成的消息。我对HTML / JS有些新意，我确信有一些非常简单的东西，我很遗憾，但我不能为我的生活让页面阅读脚本。当我加载页面时，检查器中没有任何错误，它完全是BLANK。

这是项目文件夹结构：

-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>

home.js：

(function() {
    console.log("I AM READING THE SCRIPT");
    document.getElementById('bodytext').innerHTML = "I AM READING THE SCRIPT";
})();

有些慷慨的灵魂可以告诉我一些极其简单的错误吗？

谢谢！

Answer 1

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

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

Answer 2

在DOM完全加载之前，您的脚本正在运行。如果您将<script>标记放在关闭正文标记（</body>）之前，它将在加载DOM后运行，并且您将能够像正常一样遍历DOM。

Answer 3

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

enter code here

对此，你必须按如下方式更改你的java脚本代码，这样只有当页面被完全加载时才会执行脚本。文件对象是可用的。

＆＃13;

window.onload = function() {
     console.log("I AM READING THE SCRIPT");
    document.getElementById('bodytext').innerHTML = "I AM READING THE SCRIPT";
};

＆＃13;

HTML无法读取外部Javascript文件

3 个答案: