二、实现从一页面跳转到指定模块的位置，并将该模块在主区域中显示出来

最新推荐文章于 2022-10-19 16:40:34 发布

萝卜-兔子

最新推荐文章于 2022-10-19 16:40:34 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： Web工作日志

本文链接：https://blog.youkuaiyun.com/abcwangruili/article/details/77411623

Web工作日志专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种网页内部实现模块跳转的方法，并详细解释了如何通过JavaScript获取URL中的hash值来确定要显示的模块，同时确保相应导航按钮被选中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、跳转指定页面一般使用如下代码

但跳转时显示“微信”模块且导航中“微信”按钮点亮。

2、为了在主区域显示出要跳转到的指定person模块，可以先获取当前的url中的hash，然后再隐藏其他模块

function jumpToCurPage() {
    if (!document.getElementById) return false;
    if (!document.getElementsByTagName) return false;
    if (!document.getElementsByClassName) return false;
    var locationHash = window.location.hash.split("#")[1];

    selectNav(locationHash);
    showSection(locationHash);
    return false;
}
其中selectNav()和showSection()两个函数和上一篇文章里面的代码一样