编程 HTML / CSS

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')

Html5无刷新修改browser Url的方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

HTML / CSS 相关文章推荐

结合CSS3的布局新特征谈谈常见布局方法

Jan 22 HTML / CSS

CSS3近阶段篇之酷炫的3D旋转透视

Apr 28 HTML / CSS

CSS3中的Transition过度与Animation动画属性使用要点

May 20 HTML / CSS

css sprite简单实例

May 23 HTML / CSS

CSS3打造百度贴吧的3D翻牌效果示例

Jan 04 HTML / CSS

使用纯 CSS 创作一个脉动 loader效果的源码

Sep 28 HTML / CSS

详解css3中dispaly的Grid布局与Flex布局

Sep 11 HTML / CSS

详解rem 适配布局

Oct 31 HTML / CSS

HTML5新控件之日期和时间选择输入的实现代码

Sep 13 HTML / CSS

HTML5教程之html 5 本地数据库（Web Sql Database）

Apr 03 HTML / CSS

html5 拖拽上传图片实例演示

Apr 01 HTML / CSS

移动端html5 meta标签的神奇功效

Jan 06 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中PDO的错误处理

2011/09/04 PHP

PHP curl 抓取AJAX异步内容示例

2014/09/09 PHP

php使用unset()删除数组中某个单元（键）的方法

2015/02/17 PHP

php使用自定义函数实现汉字分割替换功能示例

2017/01/30 PHP

针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例

2018/06/16 PHP

php的instanceof和判断闭包Closure操作示例

2020/01/26 PHP

Prototype 学习工具函数学习($w,$F方法)

2009/07/12 Javascript

jquery 实现二级/三级/多级联动菜单的思路及代码

2013/04/08 Javascript

浅谈jQuery中对象遍历.eq().first().last().slice()方法

2014/11/26 Javascript

jquery实现可拖拽弹出层特效

2015/01/04 Javascript

jQuery选择id属性带有点符号元素的方法

2015/03/17 Javascript

解决js函数闭包内存泄露问题的办法

2016/01/25 Javascript

javascript HTML5 canvas实现打砖块游戏

2020/06/18 Javascript

Vue实例中生命周期created和mounted的区别详解

2017/08/25 Javascript

Angular实现下拉框模糊查询功能示例

2018/01/03 Javascript

JS实现为动态添加的元素增加事件功能示例【基于事件委托】

2018/03/21 Javascript

在webstorm开发微信小程序之使用阿里自定义字体图标的方法

2018/11/15 Javascript

Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址

2019/05/21 Javascript

泛谈JS逻辑判断选择器 || &&

2019/05/24 Javascript

微信小程序如何获取网络状态

2019/07/26 Javascript

JavaScript中如何对多维数组(矩阵)去重的实现

2019/12/04 Javascript

[49:08]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18

2018/08/19 DOTA

Python中os和shutil模块实用方法集锦

2014/05/13 Python

python enumerate函数的使用方法总结

2017/11/15 Python

Pytorch中accuracy和loss的计算知识点总结

2019/09/10 Python

Python中sys模块功能与用法实例详解

2020/02/26 Python

Python生成器generator原理及用法解析

2020/07/20 Python

python向企业微信发送文字和图片消息的示例

2020/09/28 Python

大学毕业生通用自荐信范文

2013/10/31 职场文书

《花的勇气》教后反思

2014/02/12 职场文书

新农村建设标语

2014/06/24 职场文书

餐馆开业致辞

2015/08/01 职场文书

六五普法学习心得体会

2016/01/21 职场文书

如何写好开幕词？

2019/06/24 职场文书

零基础学java之带参数以及返回值的方法

2022/04/10 Java/Android

Mysql数据库group by原理详解

2022/07/07 MySQL