Question

使用ng build --prod构建项目时，Angular创建了4个脚本。其中之一是main.js。我有什么办法可以动态地在运行build命令后，将HTML属性附加到index.html文件中的相应脚本标签上吗？

我要问的原因是因为我正在显示一些折叠的CSS，当main.js Angular脚本加载完成后，我想删除它们。为此，我想将onload HTML属性附加到脚本。例如：

index.html：

<script src="main.js" type="text/javascript" onload="removeAboveTheFoldCSS()"></script>

如果这不可能，我还有什么其他选择？

Answer 1

您要做的是让removeAboveTheFoldCSS()成为main.js中发生的第一件事

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

--main.js--

"use strict"
function removeAboveTheFoldCSS(){
  //logic
}
removeAboveTheFoldCSS()

// the rest of your JS code

Answer 2

您可以像这样在主体上使用本机onLoad（）方法，因为当所有静态内容都加载时将调用此方法：-

<body onload="removeAboveTheFoldCSS()"