在 JS 中使用 window.location.origin 设置 if 语句

Question

我想删除我正在构建的网站的登录页面上的导航菜单。但是，我无法弄清楚如何只定位该页面。我对其他页面的处理方式是 (window.location.pathname.includes("/pathname")) 当我想定位到特定页面时。

但是如果我想定位网站的来源 (www.hostname.com)，我似乎无法在不删除所有其他页面上的导航菜单的情况下做到这一点，因为它们都共享相同的主机名。

这是我要执行的函数：

function landingPage() {
  if (window.location.origin === "www.something.com") {
    document.querySelector(".main-navigation").remove("#primary-menu");
    document.querySelector(".site-branding").remove(".custom-logo");
  }
}

Answer 1

如果您想定位网站上的特定页面，则需要像检查其他页面一样检查 location.href 或 location.pathname。

来源定义了整个站点，而不是其主页。

Answer 2

如果将 window.location.origin 与 window.location.pathname 条件结合使用会怎样？

window.location.pathname 应该 return "/" 如果您在着陆页上而不是 sub-page.

Answer 3

function landingPage() {
  if (window.location.hostname === "www.something.com"  && window.location.pathname==="/") {
      /*Your Condition Comes here */
  }
}

window.location.hostname 将 return 您网站的主机名。您可以比较主机名，写上您要添加的条件。

了解更多请点击window location

在 JS 中使用 window.location.origin 设置 if 语句

Setting up an if statement with window.location.origin in JS

javascript

location

hostname

pathname