单个文件中的Javascript菜单，当前文档位置告诉文件中要显示的菜单

javascript menu in single file with current document location telling what menu in file to show

本文关键字：菜单 文件 显示 位置 Javascript 单个 文档      更新时间：2023-09-26

我想知道是否有可能在单个javascript文件中存储菜单，并且每个后续链接作为文档位置将读取单个页面中的特定菜单集，如下所示

菜单开始显示在主页

document.write('<ul>');
    document.write('<li>');
    document.write('<a href="index.html">Home</a>');
    document.write('</li><li>');
    document.write('<br /><li>');
    document.write('<a href="link1.html">LINK1</a>');
    document.write('</li><br><li>');
    document.write('<a href="link2.html">LINK2</a>');
    document.write('</li><br><li>');
    document.write('<a href="link3.html">LINK3</a>');
    document.write('</li>
document.write('</ul>');

菜单1应该显示在页面link1

document.write('<ul>');
    document.write('<li>');
    document.write('<a href="index.html">HOME</a>');
    document.write('</li><li>');
    document.write('<br /><li>');
    document.write('<a href="link1.html">LINK1</a>');
    document.write('</li><br><li>');
    document.write('<a href="link1.1.html">link1.1</a>');
    document.write('</li><br><li>');
    document.write('<a href="link1.2.html">link1.2</a>');
    document.write('</li><br><li>');
    document.write('<a href="link1.3.html">link1.3</a>');
    document.write('</li><br><li>');
    document.write('<a href="link2.html">LINK2</a>');
    document.write('</li><br><li>');
    document.write('<a href="link3.html">LINK3</a>');
    document.write('</li>
document.write('</ul>');

菜单2应该显示在页面link2

document.write('<ul>');
    document.write('<li>');
    document.write('<a href="index.html">HOME</a>');
    document.write('</li><li>');
    document.write('<br /><li>');
    document.write('<a href="link1.html">LINK1</a>');
    document.write('</li><br><li>');
    document.write('<a href="link2.html">LINK2</a>');
    document.write('</li><br><li>');
    document.write('<a href="link2.1.html">link2.1</a>');
    document.write('</li><br><li>');
    document.write('<a href="link2.2.html">link2.2</a>');
    document.write('</li><br><li>');
    document.write('<a href="link2.3.html">link2.3</a>');
    document.write('</li><br><li>');
    document.write('<a href="link3.html">LINK3</a>');
    document.write('</li>
document.write('</ul>');

菜单3应该显示在页面link3

document.write('<ul>');
    document.write('<li>');
    document.write('<a href="index.html">HOME</a>');
    document.write('</li><li>');
    document.write('<br /><li>');
    document.write('<a href="link1.html">LINK1</a>');
    document.write('</li><br><li>');
    document.write('<a href="link2.html">LINK2</a>');
    document.write('</li><br><li>');
    document.write('<a href="link3.html">LINK3</a>');
    document.write('</li><br><li>');
    document.write('<a href="link3.1.html">link3.1</a>');
    document.write('</li><br><li>');
    document.write('<a href="link3.2.html">link3.2</a>');
    document.write('</li><br><li>');
    document.write('<a href="link3.3.html">link3.2</a>');
    document.write('</li>
document.write('</ul>');

html文件

我认为菜单1,2和3在javascript页面应该有一个专用的名称，以便当当前文档位置是link3.html或link3.1.html…Javascript将找到并显示菜单3。有可能用一种简单的方法吗?

谢谢你的帮助。

帕斯卡

您需要隔离想要查找的页面的名称，然后设置想要显示的菜单。这个答案展示了一个非常好的示例，如何嗅探URL以获得页面名称

好的，我自己搞定了:

if(document.URL.indexOf("index.html") != -1){...}

就可以了!

相关文章：