location.hash如何实现页面导航

在网页中，使用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事件，从而执行相应的操作。通过这种方式，可以实现简单的页面导舓功能。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！