启动“example.com/#link1”时操作菜单链接

Question

想知道在其中一个菜单链接中加载页面时如何处理。

<ul>
 <li><a href="#link1"></a></li>
 <li><a href="#link2"></a></li>
 <li><a href="#link3"></a></li>
</ul>

当URL以＃link1或＃link2或＃link3开头时，操作：

if('example.com/#link1') {
 alert('link1');
} else if ('example.com/#link2') {
 alert('link2');
} else if ('example.com/#link3') {
 alert('link3');
}

Answer 1

听起来你需要检查JavaScript中的URL片段。相关答案：

• Parsing URL hash/fragment identifier with JavaScript

• Checking URL fragment for a keyword

示例（使用window.location.hash）

if (window.location.hash === "link1") {
 alert('link1');
} else if (window.location.hash === "link2") {
 alert('link2');
} else if (window.location.hash === "link3") {
 alert('link3');
}

Answer 2

如果要检测当前页面网址中的哈希值（＃），则应检查window.location.hash。如果您在site.com/#link1页面

，它将返回#link1之类的字符串