浏览器前进后退时，如何在window导航事件中提取URL参数部分？

直接用浏览器原生的URL对象来解析是最稳妥的方式，它能帮你精准提取出查询参数部分（即从?开始的内容）：

window.navigation.addEventListener("navigate", (event) => {
    const targetUrl = new URL(event.destination.url);
    const queryParams = targetUrl.search; // 结果就是"?url=page3"，无参数时为空字符串
    console.log(queryParams);
});

如果不想用URL对象，也可以用字符串操作实现：

window.navigation.addEventListener("navigate", (event) => {
    const fullUrl = event.destination.url;
    const queryStartIndex = fullUrl.indexOf('?');
    const queryParams = queryStartIndex !== -1 ? fullUrl.slice(queryStartIndex) : '';
    console.log(queryParams);
});

推荐第一种方法，URL对象会自动处理各种URL特殊情况，比手动字符串截取更可靠。

内容的提问来源于stack exchange，提问作者Mike M.