更改标签href取决于window.location.href

Question

我尝试创建一个jQuery代码段，该代码段检测窗口的url并取决于窗口的href ，更改标记的href。

到目前为止，我的代码是：

(function($) {
  "use strict";
  $(document).ready(function() {
    $(window).on('load', function() {
      var changeLink = document.getElementById("LinkTag");
      console.log('it is running');
      if ($(window).location.href() == "pageUrl") {
        changeLink.href = "website1";
      } else {
        changeLink.href = "website2";
      }
    });
  });
})(jQuery);

谢谢

Answer 1

这里发生了很多事情：

1. location.href不是jQuery方法； 它是常规窗口对象的属性。 使用window.location.href代替$(window).location.href() 。
2. 看起来您正在尝试匹配字符串“ pageUrl”而不是变量-除非该字符串用作问题中的示例字符串，否则变量名不应用引号引起来。
3. 您可能不希望与完整的window.location.href匹配，该文件包含的内容（例如协议，子域，哈希和URL参数）在指向同一页面时可能会有所不同； window.location.pathname通常是一个比较安全的选择（假设您要匹配特定的页面。）
4. 不必将脚本包装在IIFE和document.ready和window.onload 。 我在这里删除了多余的层。
5. （可选）将jQuery方法和vanilla方法混合使用可能会造成混淆，因为您必须跟踪哪些变量包含jQuery对象，哪些变量包含对常规DOM节点的引用。 由于您已经在其他地方使用了jQuery，因此我在这里将document.getElementById换成了它的jQuery等效项。

 $(document).ready(function() { var pageUrl = "/js"; // This is the path when running in a stackoverflow snippet var changeLink = $("#LinkTag"); if (window.location.pathname == pageUrl) { changeLink.attr("href","//example.com"); } else { changeLink.attr("href","//somethingelse.com"); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a id="LinkTag">Link</a> 

Answer 2

仅将window.location换成$(window).location .location

if (window.location.href == "pageUrl")
          changeLink.href = "website1";
     else 
        changeLink.href = "website2";