php - 更改 URL 而不刷新?

标签 php html css

<分区>

基本上,在我的网站上,我想做的是当您通过单击 HREF 链接在页面之间切换时,它不会重新加载页面,但会更改 URL。我的网站在这里:https://abyssalplains.us/我发现一个很好的例子是这个网站:http://anomaly.com/当您在选项卡之间切换时,它会更改 URL 而无需重新加载页面。谁能解释一下如何做到这一点。

最佳答案

首先,你需要设置路由器来处理url。
您可以使用 AngularJS对于快捷方式或通过 manipulating the browser url history 编写您自己的 javascript 逻辑.
如果您正在编写自己的 javascript,那么您还需要处理页面加载......
通常你可以删除一些 html 主体并将其替换为带有 jQuery 的加载页面。

所以逻辑是:
1。使用 javascript window.location.href
获取 URL 2Load new html content of specific page with ajax并将其保存到变量
3。删除或 replace current html content新的 html 内容
4Change the browser history

关于php - 更改 URL 而不刷新?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46782072/

上一篇:使用 Bootstrap Less 加载 jQuery

下一篇:ios - 在 safari mobile 上的页面上分页时图像不可点击

相关文章:

python - 我如何获取所选复选框的总和并将所选项目保存在数据库 mysql 中

html - Chrome v75 : Images with max-width stretched inside a flex column div

php - Laravel Eloquent - 一对多关系

php - 全文搜索中的 MySql SQL_CALC_FOUND_ROWS 问题

php - json_encode() 返回 "null"给带有重音符号(特殊字符)的条目,但仅当它们在 phpmyadmin 中手动添加时

javascript - 使用 Javascript 1 更改背景颜色

html - 我怎样才能让这个当前选中的选项卡显示得比其他选项卡稍大一些?

PHP的变量类型宽大

html - <a> inside <li> 的 border-bottom 和 hover 的样式显示

javascript - 将 Javascript 与 HTML 分开