location.hash如何实现页面导航

avatar
作者
筋斗云
阅读量:0

在网页中,使用location.hash可以实现页面导航。通过设置location.hash属性,可以在URL中添加一个锚点,然后可以通过JS来监测和处理这个锚点的改变,从而实现页面导航。

例如,可以通过以下代码实现页面导航:

// 设置hash值 location.hash = "#section1";  // 监测hash值的变化 window.onhashchange = function() {     var hash = location.hash;          // 根据不同的hash值执行不同的操作     if(hash === "#section1") {         // 显示Section1     } else if(hash === "#section2") {         // 显示Section2     } } 

在上面的例子中,当设置location.hash为"#section1"时,页面会跳转到对应的部分,并触发onhashchange事件,从而执行相应的操作。通过这种方式,可以实现简单的页面导舓功能。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!