我正在制作带有动画的模板。 问题是，与动画相关的 JS 文件应该写在 HTML 页面的底部，如
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<!-- Site Title-->
<title>Sample</title>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div>
<div class="abc"></div>
</div>
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
如果我们写
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
在 HTML 的顶部，动画将不起作用。
现在，我正在使用该模板开发 AngularJS 应用程序。 在这里我看不到动画。
我很困惑在哪里声明那些外部 js 文件。
最佳答案
你可以使用 javascript defer ，这个属性告诉浏览器只有在 HTML 文档被完全解析和加载后才执行脚本文件
<script defer src="script.js">
浏览器支持，https://www.w3schools.com/tags/att_script_defer.asp
注意:defer 属性应该与外部 javascript 文件一起使用
关于javascript - 加载html后如何加载js文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51878038/