经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » HTML/CSS » CSS » 查看文章
如何在不重新加载页面的情况下修改URL?
来源:cnblogs  作者:python之恋  时间:2021/5/6 17:36:08  对本文有异议

有没有一种方法可以修改当前页面的URL而无需重新加载页面?

如果可能,我想访问#哈希之前部分

我只需要更改的部分,所以就好像我没有违反跨域策略一样。

  1. window.location.href = "www.mysite.com/page2.php"; // Sadly this reloads

现在,可以在Chrome,Safari,Firefox 4+和Internet Explorer 10pp4 +中完成此操作!

有关更多信息,请参见此问题的答案: 使用新URL更新地址栏而无需哈希或重新加载页面

例子:

  1. function processAjaxData(response, urlPath){
  2. document.getElementById("content").innerHTML = response.html;
  3. document.title = response.pageTitle;
  4. window.history.pushState({"html":response.html,"pageTitle":response.pageTitle},"", urlPath);
  5. }

然后,您可以window.onpopstate用来检测后退/前进按钮的导航:

  1. window.onpopstate = function(e){
  2. if(e.state){
  3. document.getElementById("content").innerHTML = e.state.html;
  4. document.title = e.state.pageTitle;
  5. }
  6. };

本文首发于前端黑洞网,博客园同步跟新

  1.  

原文链接:http://www.cnblogs.com/pythonzhilian/p/14704598.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号