javascript - 使用外部 JavaScript 文件更改 div 上的显示

Question

我目前正在这样做:

<div id="textChange" style="display:none;">Blah blah</div>
<script type="text/javascript">
var d = new Date();
var funnyDate = (d.getFullYear() + "" + (d.getMonth()+11) + "" + (d.getDate()+10));
if((funnyDate>=20131916) && (funnyDate<=20131923))
{
document.getElementById("textChange").style.display ="block";
}
</script>

并想将脚本移动到外部 JS 文件。我怎么做？我似乎没有为我工作。

谢谢。

Answer 1

在您的 #textChange 之后包含此脚本div，它将起作用。例如在关闭之前 </body>标签:

...
<script src="funny-script.js" type="text/javascript"></script>
</body>

这是最简单的方法。您还可以在 DOMContentLoaded 上运行此代码或 window.onload事件，但看看你的脚本在做什么，我认为它没有意义。