我正在尝试从js文件加载菜单，从css文件加载样式。
在js文件中，我使用“ document.write”，这将导致CSS的转换不起作用。
HTML：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<script type="text/javascript" src="menu.js"></script>
<div class="trans">aaa</div>
</body>
</html>
CSS（文件名：style.css）
.trans {
text-align: center;
padding-top: 250px;
transition: 1s;
-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
-webkit-transition: 1s;
}
JavaScript（文件名：menu.js）
str = `
<div class="abc">menu</div>
`;
document.write(str);为您的JavaScript尝试一下（假设您希望在主体末尾使用该div）：
var myDiv = document.createElement("div");
myDiv.className = "abc";
var textNode = document.createTextNode("menu");
myDiv.appendChild(textNode);
document.body.appendChild(myDiv);