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 相关文章推荐
css实例教程 一款纯css3实现的超炫动画背画特效
Nov 05 HTML / CSS
css3 盒模型以及box-sizing属性全面了解
Sep 20 HTML / CSS
CSS3实现苹果手机解锁的字体闪亮效果示例
Jan 05 HTML / CSS
纯CSS3实现运行时钟的示例代码
Jan 25 HTML / CSS
HTML5实现表单自动验证功能实例代码
Jan 11 HTML / CSS
用HTML5实现网站在windows8中贴靠的方法
Apr 21 HTML / CSS
HTML5新增的Css选择器、伪类介绍
Aug 07 HTML / CSS
探讨HTML5移动开发的几大特性(必看)
Dec 30 HTML / CSS
HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
Aug 24 HTML / CSS
手机端用rem+scss做适配的详解
Nov 15 HTML / CSS
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
Jan 19 HTML / CSS
如何在CSS中绘制曲线图形及展示动画
May 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 iconv() : Detected an illegal character in input string
2010/12/05 PHP
laravel安装和配置教程
2014/10/29 PHP
用PHP的socket实现客户端到服务端的通信实例详解
2017/02/04 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
php 命名空间(namespace)原理与用法实例小结
2019/11/13 PHP
js点击页面其它地方将某个显示的DIV隐藏
2012/07/12 Javascript
jQuery中insertBefore()方法用法实例
2015/01/08 Javascript
最新最热最实用的15个jQuery插件汇总
2015/07/05 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
2015/10/23 Javascript
angular.extend方法的具体使用
2017/09/14 Javascript
浅谈vue-router2路由参数注意的问题
2017/11/08 Javascript
vue自定义switch开关组件,实现样式可自行更改
2019/11/01 Javascript
[42:06]2019国际邀请赛全明星赛 8.23
2019/09/05 DOTA
python发送邮件示例(支持中文邮件标题)
2014/02/16 Python
Python的网络编程库Gevent的安装及使用技巧
2016/06/24 Python
python 迭代器和iter()函数详解及实例
2017/03/21 Python
Python实现控制台中的进度条功能代码
2017/12/22 Python
Python实现决策树C4.5算法的示例
2018/05/30 Python
python 拼接文件路径的方法
2018/10/23 Python
python交换两个变量的值方法
2019/01/12 Python
python命令行工具Click快速掌握
2019/07/04 Python
在PyCharm中遇到pip安装 失败问题及解决方案(pip失效时的解决方案)
2020/03/10 Python
Tripadvisor新西兰:阅读评论,比较价格和酒店预订
2018/02/10 全球购物
品恩科技软件测试面试题
2014/10/26 面试题
兰兰过桥教学反思
2014/02/08 职场文书
高中家长寄语
2014/04/02 职场文书
企业员工爱岗敬业演讲稿
2014/08/26 职场文书
房屋过户委托书范本
2014/10/07 职场文书
高考升学宴答谢词
2015/01/20 职场文书
悬空寺导游词
2015/02/05 职场文书
2015年度班主任自我评价
2015/03/11 职场文书
民事纠纷协议书
2016/03/23 职场文书
简历上的自我评价,该怎么写呢?
2019/06/13 职场文书
创业计划书之酒吧
2019/12/02 职场文书
使用pandas或numpy处理数据中的空值(np.isnan()/pd.isnull())
2021/05/14 Python
nginx刷新页面出现404解决方案(亲测有效)
2022/03/18 Servers