javascript - 为所有内容添加一个外部 js 文件？

Question

我有一个 HTML 页面，我想在该页面上执行几行 js 代码。现在我只是尝试一件事:

document.getElementById("title").style.color = "blue";

这是在 jsPage.js 中我的 html 页面的头部

<script src="jsPage.js"></script>

我认为这就是所需要的。但我的标题保持红色(这是在附加到 html 页面的 css 文档中设置的)而不是变成蓝色。我是否缺少一些标准声明或 js 文件中的某些内容？

Answer 1

假设 document.getElementById("title").style.color = "blue"; 位于 jsCalc.js 中，您很可能不会更改窗口加载后的文本颜色。

jsCalc.js 的内容应该是

window.onload = function() {
    document.getElementById("title").style.color = "blue";
};

因为在加载 DOM 元素之前您无法更改它们。