js 页面跳转 在本页面

// 改变hash值
window.location.hash = 'section2';

// 监听hash变化
window.addEventListener('hashchange', function() {
    console.log('Hash changed to ' + window.location.hash);
    // 根据hash值更新页面内容
});

// 添加新的历史记录条目
history.pushState({page: 2}, "Title 2", "?page=2");

// 替换当前历史记录条目
history.replaceState({page: 3}, "Title 3", "?page=3");

// 监听popstate事件
window.addEventListener('popstate', function(event) {
    console.log("Location: " + document.location + ", State: " + JSON.stringify(event.state));
    // 根据event.state更新页面内容
});

// Vue.js 示例
new Vue({
    el: '#app',
    data: {
        content: ''
    },
    methods: {
        loadContent(page) {
            fetch(`/api/content?page=${page}`)
                .then(response => response.text())
                .then(data => {
                    this.content = data;
                });
        }
    },
    mounted() {
        this.loadContent(1);
    }
});

// Vue Router 示例
const routes = [
    { path: '/', component: Home },
    { path: '/about', component: About }
];

const router = new VueRouter({
    routes // short for `routes: routes`
});

const app = new Vue({
    router
}).$mount('#app');