基于jQuery的history历史记录插件


Posted in Javascript onDecember 11, 2010

关于jQuery的历史
jQuery history plugin helps you to support back/forward buttons and bookmarks in your javascript applications.历史的jQuery插件可以帮助您回到您的JavaScript支持应用程序/前进按钮和书签。 You can store the application state into URL hash and restore the state from it.你可以存储到应用程序状态的网址散列和恢复它的状态。

Download jquery.history.js
下载jquery.history.js

jQuery history plugin is hosted on Github.
历史的jQuery插件托管在Github上。
Please visit the project page for development.
请访问项目页面进行开发。

Supported browsers支持的浏览器
Internet Explorer 6, 7, and 8+的Internet Explorer 6,7和8 +
Safari 4 and 5+的
Safari 4和5 +
Google Chrome 4+
谷歌浏览器4 +
This plugin is built on hashchange event , which is defined in HTML5 and supported in most modern browsers. Unless it is supported the plugin works on some fallback mechanisms:这个插件是在建hashchange事件 ,这是定义在浏览器支持HTML5和最现代化的机制。除非是支持一些后备插件工程:

monitoring location.hash by setInterval (Safari 4)
监测的setInterval location.hash(Safari 4中)
iframe and setInterval (IE 6, 7, and compatibility mode on IE8)
iframe的和setInterval(即6,IE8的第7和兼容模式)
Known issues
已知问题
IE6, 7, and IE8 compatibility mode
在IE6,7和IE8的兼容模式
Back/forward button will not work if you refresh the page and the document is reloaded.
后退/前进按钮将不会工作,如果你刷新页面,该文件重新加载。
IE8 standards mode
IE8的标准模式
The current hash will not be recorded in the history if you update the URL hash by hand or loading bookmarks.
目前哈希将不会被记录在历史上,如果你用手或加载更新书签网址哈希。

Demos
Some demos are available here and included in the repository.
And this site itself is built on the plugin:

(function($){ 
var origContent = ""; 
function loadContent(hash) { 
if(hash != "") { 
if(origContent == "") { 
origContent = $('#content').html(); 
} 
$('#content').load(hash +".html", 
function(){ prettyPrint(); }); 
} else if(origContent != "") { 
$('#content').html(origContent); 
} 
} 
$(document).ready(function() { 
$.history.init(loadContent); 
$('#navigation a').click(function(e) { 
var url = $(this).attr('href'); 
url = url.replace(/^.*#/, ''); 
$.history.load(url); 
return false; 
}); 
}); 
})(jQuery);

打包下载
Javascript 相关文章推荐
jQuery 开天辟地入门篇一
Dec 09 Javascript
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
Jan 20 Javascript
jquery ajax提交整个表单元素的快捷办法
Mar 27 Javascript
将字符串转换成gb2312或者utf-8编码的参数(js版)
Apr 10 Javascript
JQUERY 设置SELECT选中项代码
Feb 07 Javascript
JavaScript学习笔记之JS函数
Jan 22 Javascript
Knockout自定义绑定创建方法
Dec 26 Javascript
基于JavaScript实现点击页面任何位置返回
Aug 31 Javascript
基于JavaScript实现右键菜单和拖拽功能
Nov 28 Javascript
React中上传图片到七牛的示例代码
Oct 10 Javascript
JavaScript屏蔽Backspace键的实现代码
Nov 02 Javascript
vue移动端项目缓存问题实践记录
Oct 29 Javascript
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
Dec 11 #Javascript
DIY jquery plugin - tabs标签切换实现代码
Dec 11 #Javascript
为超链接加上disabled后的故事
Dec 10 #Javascript
input按钮的事件处理大全
Dec 10 #Javascript
JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具
Dec 10 #Javascript
js下关于onmouseout、事件冒泡的问题经验小结
Dec 09 #Javascript
客户端限制只能上传jpg格式图片的js代码
Dec 09 #Javascript
You might like
PHP define函数的使用说明
2008/08/27 PHP
yii分页组件用法实例分析
2015/12/28 PHP
PHP引用返回用法示例
2016/05/28 PHP
常用PHP数组排序函数归纳
2016/08/08 PHP
PHP receiveMail实现收邮件功能
2018/04/25 PHP
javascript 浏览器判断 绑定事件 arguments 转换数组 数组遍历
2009/07/06 Javascript
js动态调用css属性的小规律及实例说明
2013/12/28 Javascript
fckeditor粘贴Word时弹出窗口取消的方法
2014/10/30 Javascript
纯CSS3代码实现滑动开关效果
2015/08/19 Javascript
基于javascript显示当前时间以及倒计时功能
2016/03/18 Javascript
JavaScript之WebSocket技术详解
2016/11/18 Javascript
React学习笔记之事件处理(二)
2017/07/02 Javascript
Vue中之nextTick函数源码分析详解
2017/10/17 Javascript
基于vue-ssr服务端渲染入门详解
2018/01/08 Javascript
微信小程序之onLaunch与onload异步问题详解
2019/03/28 Javascript
layui+jquery支持IE8的表格分页方法
2019/09/28 jQuery
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
2019/10/26 Javascript
[05:45]Ti4观战指南(下)
2014/07/07 DOTA
[47:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
Python如何获取系统iops示例代码
2016/09/06 Python
Python中类的初始化特殊方法
2017/12/01 Python
Python3中在Anaconda环境下安装basemap包
2018/10/21 Python
python中的RSA加密与解密实例解析
2019/11/18 Python
python数据分析:关键字提取方式
2020/02/24 Python
python爬取豆瓣电影排行榜(requests)的示例代码
2021/02/18 Python
大学校庆策划书
2014/01/31 职场文书
实习生矿工检讨书
2014/10/13 职场文书
群众路线剖析材料(四风)
2014/11/05 职场文书
小学生作文评语集锦
2014/12/25 职场文书
经营目标责任书
2015/05/08 职场文书
个人更名证明
2015/06/23 职场文书
教务处教学工作总结
2015/08/10 职场文书
Python实战之OpenCV实现猫脸检测
2021/06/26 Python
Python之matplotlib绘制折线图
2022/04/13 Python
Python加密与解密模块hashlib与hmac
2022/06/05 Python
python缺失值填充方法示例代码
2022/12/24 Python