Html5无刷新修改browser Url的方法


Posted in HTML / CSS onJanuary 15, 2014

Ajax局部刷新可以通过HTML5的新特性修改browser address。

window.history表示window对象的历史记录

window.history.pushState(object, title, new_url) -- 在window.history里新增一个历史记录点

window.history.replaceState(object, title, new_url) -- 在window.history替换当前page的历史记录点

object - 可以扩展想要的object

title - 目前所有浏览器都不支持

new_url 浏览器不会检查url是否存在,只改变url,url必须同域,不能跨域

eg: original url: www.test.com

window.history.pushState({time: 'test'}, ' ', 'www.test_test.com')

HTML / CSS 相关文章推荐
HTML5 用动画的表现形式装载图像
Mar 08 HTML / CSS
canvas三角函数模拟水波效果的示例代码
Jul 03 HTML / CSS
详解canvas在圆弧周围绘制文本的两种写法
May 22 HTML / CSS
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件
May 15 HTML / CSS
IE9对HTML5中部分属性不支持的原因分析
Oct 15 HTML / CSS
HTML5实现简单图片上传所遇到的问题及解决办法
Jan 20 HTML / CSS
canvas实现按住鼠标移动绘制出轨迹的示例代码
Feb 05 HTML / CSS
微信html5页面调用第三方位置导航的示例
Mar 14 HTML / CSS
Html5页面获取微信公众号的openid的方法
May 12 HTML / CSS
Html5移动端div固定到底部实现底部导航条的几种方式
Mar 09 HTML / CSS
position:sticky 粘性定位的几种巧妙应用详解
Apr 24 HTML / CSS
HTML页面点击按钮关闭页面的多种方式
Dec 24 HTML / CSS
html特殊符号示例 html特殊字符编码对照表
Jan 14 #HTML / CSS
html5使用canvas实现跟随光标跳动的火焰效果
Jan 07 #HTML / CSS
编写html5时调试发现脚本php等网页js、css等失效
Dec 31 #HTML / CSS
html5基础标签(html5视频标签 html5新标签用法)
Dec 30 #HTML / CSS
html5的canvas实现3d雪花飘舞效果
Dec 27 #HTML / CSS
html5 canvas实现圆形时钟代码分享
Dec 25 #HTML / CSS
html5 css3网站菜单实现代码
Dec 23 #HTML / CSS
You might like
php绘图中显示不出图片的原因及解决
2014/03/05 PHP
PHP中STDCLASS用法实例分析
2016/11/11 PHP
PHP实现的二分查找算法实例分析
2017/12/19 PHP
PHP通过get方法获得form表单数据方法总结
2018/09/12 PHP
PHP架构及原理知识点详解
2019/12/22 PHP
jQuery dialog 异步调用ashx,webservice数据的代码
2010/08/03 Javascript
通过JS获取用户本地图片路径并显示的代码
2012/02/16 Javascript
Jquery事件的连接使用示例
2013/06/18 Javascript
禁用页面部分JavaScript方法的具体实现
2013/07/31 Javascript
使用js判断控件是否获得焦点
2014/01/03 Javascript
jQuery图片切换插件jquery.cycle.js使用示例
2014/06/16 Javascript
javascript实现下拉提示选择框
2015/12/29 Javascript
ES6中如何使用Set和WeakSet
2016/03/10 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
2016/10/15 Javascript
String字符串截取的四种方式总结
2016/11/28 Javascript
Vue数据驱动模拟实现2
2017/01/11 Javascript
BOM之navigator对象和用户代理检测
2017/02/10 Javascript
JavaScript之iterable_动力节点Java学院整理
2017/06/29 Javascript
在ABP框架中使用BootstrapTable组件的方法
2017/07/31 Javascript
优化Vue项目编译文件大小的方法步骤
2019/05/27 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
2019/11/21 Javascript
使用TS来编写express服务器的方法步骤
2020/10/29 Javascript
python处理文本文件实现生成指定格式文件的方法
2014/07/31 Python
用python读写excel的方法
2014/11/18 Python
Python协程的用法和例子详解
2017/09/09 Python
python 使用装饰器并记录log的示例代码
2019/07/12 Python
Python2和3字符编码的区别知识点整理
2019/08/08 Python
Python之Numpy的超实用基础详细教程
2019/10/23 Python
css3实现动画的三种方式
2020/08/24 HTML / CSS
世界上第一个水枕头:Mediflow
2018/12/06 全球购物
2014小学语文教学工作总结
2014/12/17 职场文书
反腐倡廉学习心得体会范文
2015/08/15 职场文书
教师病假条范文
2015/08/17 职场文书
推荐六本经典文学奖书籍:此生必读
2019/08/22 职场文书
nginx对http请求处理的各个阶段详析
2021/03/31 Servers
pytorch DataLoader的num_workers参数与设置大小详解
2021/05/28 Python