如何在不重新加载页面的情况下修改URL？

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

如果可能，我想访问＃哈希之前的部分。

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

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

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

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

例子：

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

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

window.onpopstate = function(e){if(e.state){document.getElementById("content").innerHTML = e.state.html;document.title = e.state.pageTitle;}
};

本文首发于前端黑洞网，csdn同步跟新

如何在不重新加载页面的情况下修改URL？相关推荐

Vue实现动态加载页面数据（下拉加载新数据）
1 设置数据 //页面不同组的所有数据alldata:[],//当前的页数page: 1, 2 更新页面格式 <div > <d ...
#{}不自动改参数类型_如何在不刷新页面的情况下改变URL
本文为饥人谷原创文章,首发于前端学习指南. 问没有具体业务场景的技术问题都是耍流氓,那在回答这个问题之前先简单介绍一下业务场景. 下午6点半,小 H写了一个下午的代码揉揉眼睛伸个懒腰,「今天终于能早 ...
利用 JQuery的load函数动态加载页面
利用JQuery的load函数动态加载页面 JQuery有好多Ajax函数,其中load是用来动态加载一个页面的内容到指定的dom元素上. 我们来做个例子: 做一个上下(左右)结构的页面,其中下左部分 ...
公司-弹出页回调之后加载页面
//选择article之后加载页面 function openpageFunction_callback_articleNumber(spanId, articleId){window.locatio ...
VS2015 Cordova实现WebView加载页面进度条（Android）
因为使用Cordova做app时,加载页面没有进度条,用户无法感知打开进度,故加入进度条,具体实现如下: 1. 如果项目没有生成过apk,需先生成一次,这样在项目下面才会出现platforms/an ...
vue 加载页面时触发时间_解析Vue项目的四个方面优化
在本篇文章里我们给大家整理了一篇关于优化VUE项目的四个总要点,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. 运行时优化 1.使用v-if代替v ...
解决pjax加载页面不执行js插件的问题
解决pjax加载页面不执行js插件的问题参考文章: (1)解决pjax加载页面不执行js插件的问题 (2)https://www.cnblogs.com/fanwenhao/p/9643549.ht ...
使用jquery的load方法设计动态加载，并解决被加载页面JavaScript失效问题
使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题参考文章: (1)使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题 ( ...
jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
博客分类: jquery-easyui jQueryAjax框架HTML 现象: AJAX返回的html无法做到自动渲染为EasyUI的样式.比如:class="easyui-layout ...

如何在不重新加载页面的情况下修改URL？

本文首发于前端黑洞网，csdn同步跟新

如何在不重新加载页面的情况下修改URL？相关推荐

最新文章

热门文章