javascript - JS : Using window. onload 带有函数引用

Question

我现在尝试将点击的链接从紫色重新着色为黑色。

如果我将以下代码直接添加到 html 文件中，它可以工作:

<script language="javascript">
window.onload = function() {
    document.getElementById("url").style.color = "#000000";
};

但我不想在 HTML 中使用该函数，而是将其放入我的 .JS 文件中。但它不起作用。

    function changeColor() {
    document.getElementById("url").style.color = "#000000";
    }

然后在正文中这样调用它:

<script>
    changeColor(); //doesn't work
    $(document).ready( function () {
        changeColor(); //also doesn't work
    });
</script>

知道出了什么问题吗？

Answer 1

确保您使用的是正确的 javascript 文件路径，如果您想使用 jQuery，请不要忘记您需要该库。

试试这个:

window.init = changeColor();

function changeColor() {
  document.getElementById("url").style.color = "#000000";
}

<!-- <script src="js/nameOfYourFile.js" type="text/javascript"></script> -->

<a id="url" style="color:purple;" href="#">Hello</a>