JS：使用带有函数引用

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

js文件不能包含<script>... </script>，而是纯代码

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

并确保您的html中有适当的路径包含js文件。

例如：

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

Answer 2

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

试试这个：

＆＃13;

＆＃13;

window.init = changeColor();

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

＆＃13;

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

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

＆＃13;

＆＃13;

＆＃13;

Answer 3

您可以使用jQuery执行此操作：

$(document).ready(function() {
    $("#url").css("color: #000000");
});

确保正确包含文件。