使用 JavaScript 控制 URL 栏

Posted 2023-02-21

【中文标题】使用 JavaScript 控制 URL 栏

【英文标题】：Control the URL bar with JavaScript

【发布时间】：2021-11-18 23:24:10

【问题描述】：

javascript 或 React.js 中是否有一些函数可以判断用户是否尝试通过 URL 栏访问现有页面？

【问题讨论】：

嗨！你的需求对我来说不是很清楚。您是否要检测用户正在离开页面，进入多功能框？或者，如果他在其中输入内容，检查此 url 是否可访问？

【参考方案1】：

在纯 JavaScript 中： window.history How do I modify the URL without reloading the page?

在 React 中，应使用 React Router 和 useHistory hook ： https://reactrouter.com/web/guides/quick-start

【参考方案2】：

你可以使用 useHistory 钩子：

import useHistory from “react-router-dom”

然后：

const location = useHistory()
console.log(location.pathname)