javascript - 无法使用javascript更改href的值

Question

这是代码:

JS:

function f1(){
    document.getElementById('test').href="link2";
};

HTML:

<a href='link1' id='test' onclick='f1();'> Text </a>

调试器说 f1() 未定义。会是什么呢？ “a”标签位于“span”标签内，也许是这样？

编辑:抱歉，我添加了 JQuery 来看看发生了什么:P

我忘了放 JS 文件的链接，我的错:

<script type='script' href='javascript.js'> </script>

Answer 1

你把f1放在哪里了？ onclick在全局范围内查找该函数，如果没有在全局范围内定义该函数，则不会找到。

并且 $(document).getElementById('test').href="link2"; 也是错误的，

它应该只是document.getElementById('test').href="link2";

此外，如果您使用 jQuery，那么最好不要使用内联 onclick:

$(function(){
    $('#test').click(function() {
        $(this).attr('href', 'link2');
    });
});