当前位置: 首页 > 面试题库 >

使用新的URL更新地址栏,而不散列或重新加载页面

杨学真
2023-03-14
问题内容

我梦ed以求的是chrome(开发者通道)实现了一种无需重新加载页面即可通过javascript(地址而不是域)更新地址栏的方法,或者他们确实做到了。

但是,我找不到我 读的文章。

我疯了还是有办法做到这一点(在Chrome中)?

ps我不是在谈论window.location.hash等。如果以上存在,则该问题的答案将是不正确的。


问题答案:

现在,您可以在大多数“现代”浏览器中执行此操作!

这是我阅读的原始文章(发布于2010年7月10日):HTML5:更改浏览器URL而不刷新page。

要更深入地了解pushState / replaceState /
popstate(又称HTML5历史记录API),请参阅MDN文档。

TL; DR,您可以执行以下操作:

window.history.pushState("html" target="_blank">object or string", "Title", "/new-url");

有关基本操作方法,请参阅我的答案,无需重新加载页面即可修改URL。



 类似资料:
  • 问题内容: 我梦ed以求的是chrome(开发者通道)实现了一种无需重新加载页面即可通过javascript(地址而非域)更新地址栏的方法,或者他们确实做到了。 但是,我找不到我 想 读的文章。 我疯了还是有办法做到这一点(在Chrome中)? ps我不是在谈论window.location.hash等。如果以上存在,则该问题的答案将是不正确的。 问题答案: 现在,您可以在大多数“现代”浏览器中执

  • 问题内容: 我有http://mysite.com/index.php。 还有一个子菜单 主页=> http://mysite.com/index.php 关于我们=> http://mysite.com/about.us.php 产品=> http://mysite.com/products.php 但我希望http://mysite.com/index.php处理每个请求,并仅使用Ajax请求

  • 问题内容: 我有一个带有php include的Div Tag,该div用来填充该信息,我想要做的是使它每隔15秒调用一次,以便它可以在那里更新信息,而不必重新加载整个网页。我试图用JavaScript / jQuery做到这一点,但似乎无法正常工作 这是我在搜索一些内容后所拥有的,然后发生的是,它加载了Small.php,但不会每15秒刷新一次或更新信息。 请帮忙! 我应该添加所有应显示的php

  • 问题内容: 我将如何更新每两秒钟在服务器上更新一次的映像,而无需用户按下刷新按钮,我的第一个猜测是ajax,但我之前从未真正使用过它。有人能指出我正确的方向吗? 编辑:忘记提及图像是由perl脚本生成的.gif-尝试通过url抓取它返回脚本 问题答案: 您的Perl脚本似乎有问题。尝试通过URL访问图像应该仍然返回图像。它应该返回二进制数据而不是脚本。您还应该将响应的Content- type标头

  • 问题内容: 我从数据库获取数据并将其显示在div中…我要做的是单击链接时应更改div的内容 一种选择是通过URL将参数传递给自身并重新加载页面… 我需要这样做而 无需重新加载\刷新 … 目的是当我单击任何链接时,div和php变量的内容无需刷新即可更新....这样 用户可以看到新数据 ,然后如果执行某些查询,它将在新变量上 ps我知道它将需要一些AJAX,但我不知道AJAX ..所以请以我可以学习

  • 问题内容: 我正在使用react-router寻找一种更新页面URL /哈希的方法,而无需路由器重新渲染整个页面。 我正在开发一个全页轮播,并且希望每个幻灯片都有其自己的URL(允许用户刷新页面并返回正确的幻灯片)。转盘稍后将进行类似于此演示的滑动,这意味着 下 一张幻灯片已预渲染。 我的旋转木马的精简版在这里提供。 当前的幻灯片更改如下所示: 这可以正常工作,没有URL更新。我真正想要的是: 这