单击链接更新放置的 URL 不会重新加载页面


大家好,

我在越来越多的网站上看到这一点:您单击一个链接,浏览器中的 URL 就会变成该链接的 href 部分设置的内容,但浏览器不会重新加载页面。 我知道如何使用 JavaScript 来完成此操作,但这里看起来并非如此:

123-movies.gy - このウェブサイトは販売用です! - 123 movies リソースおよび情報
このウェブサイトは販売用です! 123-movies.gy は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、123-movies.gyが全てとなります。あなたがお探しの内容が見つかることを願っています!

尝试单击不同的剧集,然后查看 URL 末尾的数字发生变化。

他们是如何做到这一点的? 当我查看 HTML 代码时,它看起来只是一个常规的 a href 链接 – 通常会重新加载整个页面的那种。 当我说我知道如何使用 JavaScript 做到这一点时,这并不完全准确,因为当我这样做时,我只需向按钮(或除 a-href-link 之外的任何内容)添加一个单击事件侦听器,并且我只能更新 GET 查询标头(URL 中 ? 后面的内容)。

可以只用 HTML 来完成吗? 如果不是,那么简单的 JavaScript 示例是什么?

我尝试过的:

我尝试查看该网站上的三个不同的问题/文章。

当用户单击链接时更新数据,但页面不会刷新/回发[^]
更新浏览器网址而不重新加载[^]


使用 ASP.NET 重写 URL 的示例[^]

解决方案1

你所观察到的东西叫做 JavaScript 路由[^]。 JS 现在有办法拦截 URL 的变化以及相应屏幕上的操作变化。

流行的前端JS框架都支持路由,例如:

反应[^]
[^]
ExpressJS[^]

コメント

タイトルとURLをコピーしました