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 相关文章推荐
使用CSS3的appearance属性改变元素的外观的方法
Dec 12 HTML / CSS
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
Nov 21 HTML / CSS
css3实现蒙版弹幕功能
Jun 18 HTML / CSS
html5中去掉input type date默认样式的方法
Sep 06 HTML / CSS
canvas使用注意点总结
Jul 19 HTML / CSS
html5教程制作简单画板代码分享
Dec 04 HTML / CSS
HTML5 localStorage使用总结
Feb 22 HTML / CSS
详解H5 活动页之移动端 REM 布局适配方法
Dec 07 HTML / CSS
HTML5 body设置自适应全屏
May 07 HTML / CSS
html5 横向滑动导航栏的方法示例
May 08 HTML / CSS
浅析HTML5 Landmark
Sep 11 HTML / CSS
Canvas获取视频第一帧缩略图的实现
Nov 11 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
不用iconv库的gb2312与utf-8的互换函数
2006/10/09 PHP
用PHP制作静态网站的模板框架(三)
2006/10/09 PHP
聊天室php&mysql(六)
2006/10/09 PHP
PHP中使用glob函数实现一句话删除某个目录下的所有文件
2014/07/22 PHP
PHP生成可点击刷新的验证码简单示例
2016/05/13 PHP
Laravel5.4框架使用socialite实现github登录的方法
2019/03/20 PHP
JavaScript对象学习经验整理
2013/10/12 Javascript
ext combobox动态加载数据库数据(附前后台)
2014/06/17 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
解决WordPress使用CDN后博文无法评论的错误
2015/12/15 Javascript
js控住DOM实现发布微博效果
2016/08/30 Javascript
bootstrap侧边栏圆点导航
2017/01/11 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
2017/12/15 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
2018/08/05 Javascript
vue里input根据value改变背景色的实例
2018/09/29 Javascript
详解BootStrap表单验证中重置BootStrap-select验证提示不清除的坑
2019/09/17 Javascript
Node.js API详解之 string_decoder用法实例分析
2020/04/29 Javascript
JavaScript前后端JSON使用方法教程
2020/11/23 Javascript
javascript中导出与导入实现模块化管理教程
2020/12/03 Javascript
[01:02:30]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
c++生成dll使用python调用dll的方法
2014/01/20 Python
树莓派+摄像头实现对移动物体的检测
2019/06/22 Python
python3实现elasticsearch批量更新数据
2019/12/03 Python
Python实现CNN的多通道输入实例
2020/01/17 Python
Python使用requests xpath 并开启多线程爬取西刺代理ip实例
2020/03/06 Python
opencv 图像轮廓的实现示例
2020/07/08 Python
CSS3 3D位移translate效果实例介绍
2016/05/03 HTML / CSS
比较基础的php面试题及答案-编程题
2012/10/14 面试题
实习教师自我鉴定
2013/09/27 职场文书
运动会广播稿200字
2014/01/15 职场文书
松材线虫病防治方案
2014/06/15 职场文书
大学生第一学年自我鉴定2015
2014/09/28 职场文书
2015年度招聘工作总结
2015/05/28 职场文书
开学第一周总结
2015/07/16 职场文书
亲情作文之母爱
2019/09/25 职场文书
MySQL库表太大怎么办? 数据库分库分表项目实践
2022/04/11 MySQL