带有 if 语句的 Javascript 不改变 href 属性

Question

我在 if 语句之后设置了一个超链接，其 href 属性需要由 javascript 更改，但事实并非如此。

    <script>
    function addhttp(url) {

        var url = "newlink";

       if (!/^(f|ht)tps?:\/\//i.test(url)) {
          url = "http://" + url;
       }
       return url;
       document.getElementById('wl').href= url;
    };
    </script>

<li>
<a id="wl" href="oldlink">LINK</a>
</li>

Also a JSFiddle

我错过了什么？

Answer 1

有两个细节有误。首先，正如 @Bjorn 所注意到的，该函数未被调用，这是通过将 function addhttp(url) { ... }; 替换为 $(function () { ... });,
其次，正如 @Mritunjay 指出的，返回完成后 href 会发生变化，因此它们的顺序只需颠倒为

document.getElementById('wl').href= url;
return url;

制作工作脚本

$(function () {
    var url = "new link";

   if (!/^(f|ht)tps?:\/\//i.test(url)) {
      url = "http://" + url;
   }
   document.getElementById('wl').href= url;
   return url;
});

如果这个答案对您有帮助，请为他们的评论投票。