为什么JavaScript在HTML正文中可以正常工作，而在HTML头中却不能作为JavaScript文件

Why would JavaScript work correctly in HTML body but not as a JavaScript file in the HTML header

本文关键字：HTML JavaScript 而在 文件 不能 正文 为什么 常工作 工作      更新时间：2023-09-26

这不起作用（放在HTML头标记内）：

<script src="files/js/animater/index.js" charset="utf-8"></script>

但这很好（放在HTML正文标记内）：

<script>
    $(function() {
        $(".active").animate({height: "10%"}, 5000);
    });
</script>

为什么最后一个工作正常，而第一个工作不正常？

取出.js文件中的脚本标记。

在index.js文件中这样写，

(function() {
    $(".active").animate({height: "10%"}, 5000);
}());

我希望你会喜欢：）

您需要以某种方式运行函数。像

<body onload="animate()">.

否则，您将需要在jquery文件中使用一些文档加载脚本。更多信息

您可能需要在源路径src="/files/js/animater/index.js"中使用一个斜杠，而不需要字符集属性。可能还需要添加type="text/javascript"作为属性。

相关文章：