编程 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 相关文章推荐

浅析rem和em和px vh vw和% 移动端长度单位

Apr 28 HTML / CSS

CSS3+JavaScript实现炫酷呼吸效果的示例代码

Jun 15 HTML / CSS

移动web模拟客户端实现多方框输入密码效果【附代码】

Mar 25 HTML / CSS

前端canvas动画如何转成mp4视频的方法

Jun 17 HTML / CSS

HTML5 微格式和相关的属性名称

Feb 10 HTML / CSS

只要五步就可以用HTML5/CSS3快速制作便签贴特效(图)

Jun 04 HTML / CSS

html5 canvas里绘制椭圆并保持线条粗细均匀的技巧

Mar 25 HTML / CSS

canvas进阶之贝塞尔公式推导与物体跟随复杂曲线的轨迹运动

Jan 10 HTML / CSS

HTML5触摸事件(touchstart、touchmove和touchend)的实现

May 08 HTML / CSS

AmazeUI底部导航栏与分享按钮的示例代码

Aug 18 HTML / CSS

amazeui时间组件的实现示例

Aug 18 HTML / CSS

CSS巧用渐变实现高级感背景光动画

Dec 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