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新特性应用之形状总结
Dec 08 HTML / CSS
详解CSS3浏览器兼容
Dec 14 HTML / CSS
CSS实现进度条和订单进度条的示例
Nov 05 HTML / CSS
input元素的url类型和email类型简介
Jul 11 HTML / CSS
HTML5实现的图片无限加载的瀑布流效果另带边框圆角阴影
Mar 07 HTML / CSS
24个canvas基础知识小结
Dec 17 HTML / CSS
HTML5 Canvas绘制五星红旗
May 04 HTML / CSS
配置H5的滚动条样式的示例代码
Mar 09 HTML / CSS
Html5踩坑记之mandMobile使用小记
Apr 02 HTML / CSS
Html5移动端div固定到底部实现底部导航条的几种方式
Mar 09 HTML / CSS
html,css,javascript是怎样变成页面的
May 07 HTML / CSS
CSS中calc(100%-100px)不加空格不生效
May 07 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
source.php查看源文件
2006/12/09 PHP
PHP添加MySQL数据记录代码
2008/06/07 PHP
据说是雅虎的一份PHP面试题附答案
2009/01/07 PHP
php excel reader读取excel内容存入数据库实现代码
2012/12/06 PHP
ThinkPHP利用PHPMailer实现邮件发送实现代码
2013/09/26 PHP
PHP字符串的连接的简单实例
2013/12/30 PHP
通过php动态传数据到highcharts
2017/04/05 PHP
JavaScript中获取元素索引的函数
2010/09/10 Javascript
jQuery AjaxQueue改进步骤
2011/10/06 Javascript
JS命名空间的另一种实现
2013/08/09 Javascript
jquery实现人性化的有选择性禁用鼠标右键
2014/06/30 Javascript
asp.net+js实现金额格式化
2015/02/27 Javascript
js窗口关闭提示信息(兼容IE和firefox)
2015/10/23 Javascript
jquery采用oop模式class类的使用示例
2016/01/22 Javascript
Angular.js中用ng-repeat-start实现自定义显示
2016/10/18 Javascript
js仿网易表单及时验证功能
2017/03/07 Javascript
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
2017/04/05 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
2017/04/18 Javascript
代码详解javascript模块加载器
2018/03/04 Javascript
微信小程序webview实现长按点击识别二维码功能示例
2019/01/24 Javascript
js实现json数组分组合并操作示例
2019/02/12 Javascript
零基础之Node.js搭建API服务器的详解
2019/03/08 Javascript
JQueryDOM之样式操作
2019/03/27 jQuery
Python 中pandas.read_excel详细介绍
2017/06/23 Python
详谈Numpy中数组重塑、合并与拆分方法
2018/04/17 Python
在python中实现将一张图片剪切成四份的方法
2018/12/05 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
对Python3 * 和 ** 运算符详解
2019/02/16 Python
Django stark组件使用及原理详解
2019/08/22 Python
查看端口并杀进程python脚本代码
2019/12/17 Python
如何解决pycharm调试报错的问题
2020/08/06 Python
Biblibili视频投稿接口分析并以Python实现自动投稿功能
2021/02/05 Python
客服服务心得体会
2013/12/30 职场文书
安全生产知识竞赛活动总结
2014/07/07 职场文书
协议书格式模板
2016/03/24 职场文书
如何利用map实现Nginx允许多个域名跨域
2021/03/31 Servers