基于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 相关文章推荐
JavaScript For Beginners(转载)
Jan 05 Javascript
jquery创建一个ajax关键词数据搜索实现思路
Feb 26 Javascript
javascript模拟地球旋转效果代码实例
Dec 02 Javascript
jQuery实现当按下回车键时绑定点击事件
Jan 28 Javascript
javascript实现根据身份证号读取相关信息
Dec 17 Javascript
在JavaScript中使用JSON数据
Feb 15 Javascript
js获取页面引用的css样式表中的属性值方法(推荐)
Aug 19 Javascript
CSS3 3D 技术手把手教你玩转
Sep 02 Javascript
js 将input框中的输入自动转化成半角大写(税号输入框)
Feb 16 Javascript
详解AngularJS1.x学习directive 中‘& ’‘=’ ‘@’符号的区别使用
Aug 23 Javascript
Angular2.0实现modal对话框的方法示例
Feb 18 Javascript
JavaScript 中的无穷数(Infinity)详解
Feb 13 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基础学习笔记
2007/03/18 PHP
php ctype函数中文翻译和示例
2014/03/21 PHP
php+mysqli预处理技术实现添加、修改及删除多条数据的方法
2015/01/30 PHP
PHP通过反射动态加载第三方类和获得类源码的实例
2015/11/27 PHP
详解PHP如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
JS替换文本域内的回车示例
2014/02/18 Javascript
Jquery弹出层插件ThickBox的使用方法
2014/12/09 Javascript
javascript格式化日期时间方法汇总
2015/06/19 Javascript
分享五个有用的jquery小技巧
2015/10/08 Javascript
javascript移动开发中touch触摸事件详解
2016/03/18 Javascript
jQuery实现图片加载完成后改变图片大小的方法
2016/03/29 Javascript
利用JavaScript阻止表单提交的两种方法
2016/08/11 Javascript
理解javascript中的Function.prototype.bind的方法
2017/02/03 Javascript
node.js实现回调的方法示例
2017/03/01 Javascript
node通过express搭建自己的服务器
2017/09/30 Javascript
React中的render何时执行过程
2018/04/13 Javascript
Angular中sweetalert弹框的基本使用教程
2018/07/22 Javascript
jquery-ui 进度条功能示例【测试可用】
2019/07/25 jQuery
jquery实现烟花效果(面向对象)
2020/03/10 jQuery
简单了解常用的JavaScript 库
2020/07/16 Javascript
JavaScript事件概念详解(区分静态注册和动态注册)
2021/02/05 Javascript
[03:12]2016完美“圣”典风云人物:单车专访
2016/12/02 DOTA
Python自定义进程池实例分析【生产者、消费者模型问题】
2016/09/19 Python
Python3最长回文子串算法示例
2019/03/04 Python
Python使用微信接入图灵机器人过程解析
2019/11/04 Python
openCV提取图像中的矩形区域
2020/07/21 Python
Python自动化测试中yaml文件读取操作
2020/08/20 Python
15款Python编辑器的优缺点,别再问我“选什么编辑器”啦
2020/10/19 Python
zooplus德国:便宜地订购动物用品、动物饲料、动物食品
2020/05/06 全球购物
高一新生军训方案
2014/05/12 职场文书
群众路线领导对照材料
2014/08/23 职场文书
先进个人推荐材料
2014/12/29 职场文书
拉贝日记观后感
2015/06/05 职场文书
2016党员干部廉政准则学习心得体会
2016/01/20 职场文书
详解Redis主从复制实践
2021/05/19 Redis