将Javascript从.js文件传递到HTML文件的头部，并将其作为HTML代码读取

我有一个JavaScript文件，可以找出月球的周期，然后选择当前的两幅月球图像作为背景图像放在我的网页上。我得到了它的工作良好的图像，但设计需要他们出现在CSS格式的“背景图像”。当我将代码移到HTML文件的头部（最初在正文中）时，它只是将代码作为文本打印在页面上

.js文件说：

n="body {background-image: url('../moon/n"+moonday+".png') no-repeat right top;}"
r="body {background-image: url('../moon/r"+moonday+".png') no-repeat right bottom;}"

<script src="moon/moonCycle.js"></script>
<script language="JavaScript" type="text/javascript">document.write(n)</script>
<script language="JavaScript" type="text/javascript">document.write(r)</script>
</head>

HTML文件说明如下：

n="body {background-image: url('../moon/n"+moonday+".png') no-repeat right top;}"
r="body {background-image: url('../moon/r"+moonday+".png') no-repeat right bottom;}"

<script src="moon/moonCycle.js"></script>
<script language="JavaScript" type="text/javascript">document.write(n)</script>
<script language="JavaScript" type="text/javascript">document.write(r)</script>
</head>

文件。写入（n）
文件写入（r）

如何获取HMTL文件以读取打印输出（显示如下…）

---

谢谢你能给我的任何帮助

如果css将出现在这样的页面上，您需要将其包装在一个

标记中。

更好的方法是每天有一个带有一个css声明的样式表：

body.moon1 {
     background-image: url('../moon/n1.png') no-repeat right top;
}

。。。等等

然后在JS中，只需更改BODY标记上的类

将其放在页面底部，以确保页面在执行之前已加载（有更好的方法，但这是一个简单的方法）：

document.body.setAttribute（“class”，“moon”+moonday）；

---

一行干净的代码，允许您将样式从HTML中分离出来，允许您使用外部样式表。

whoops！谢谢，但仍然没有图片（不过它确实去掉了页面顶部出现的源代码文本！）这似乎不起作用，应该可以，但到目前为止还没有。我的外部CSS文件中有29个body.moon CSS声明。document标记是否应该放在.js文件中，替换我的代码？我需要html文件中的任何内容吗？谢谢你需要你的月亮周期代码，它给你日期/位置。然后是一个包含我发布的代码的脚本块，以及对样式表的引用。我会对答案做一个小的修改。对不起，还在挣扎，如果可以的话，请跟我来。js文件在定义了“moonday”变量document.body.setAttribute（“class”，“moon”+moonday）后有此代码；然后HTML文件在body结束标记的正上方有这个。。。document.body.setAttribute（“class”，“moon”+moonday）？太棒了，就是这样！CSS文件中有点罗嗦，但只要它有效，我就不在乎。非常感谢你的帮助，我很沮丧，选择太多了。