基于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 相关文章推荐
bcastr2.0 通用的图片浏览器
Nov 22 Javascript
实现变速回到顶部的JavaScript代码
May 09 Javascript
基于jquery DOM写的类似微博发布的效果
Oct 20 Javascript
JS和函数式语言的三特性
Mar 05 Javascript
用js模拟struts2的多action调用示例
May 19 Javascript
Javascript函数式编程语言
Oct 11 Javascript
为何JS操作的href都是javascript:void(0);呢
Nov 12 Javascript
js自定义select下拉框美化特效
May 12 Javascript
一个简单的JavaScript Map实例(分享)
Aug 03 Javascript
浅谈angularjs $http提交数据探索
Jan 20 Javascript
Vue.js实例方法之生命周期详解
Jul 03 Javascript
javascript兼容性(实例讲解)
Aug 15 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
解析posix与perl标准的正则表达式区别
2013/06/17 PHP
PHP中使用curl入门教程
2015/07/02 PHP
php数组分页实现方法
2016/04/30 PHP
关于PHP中字符串与多进制转换函数的实例代码
2016/11/03 PHP
TP5框架请求响应参数实例分析
2019/10/17 PHP
JavaScript 验证浏览器是否支持javascript的方法小结
2009/05/17 Javascript
JQuery设置和去除disabled属性的5种方法总结
2013/05/16 Javascript
javascript针对cookie的基本操作实例详解
2015/11/30 Javascript
纯js实现悬浮按钮组件
2016/12/17 Javascript
Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器
2017/04/19 Javascript
vue 运用mock数据的示例代码
2017/11/07 Javascript
ReactNative 之FlatList使用及踩坑封装总结
2017/11/29 Javascript
vue实现登录后页面跳转到之前页面
2018/01/07 Javascript
angular基于ng-alain定义自己的select组件示例
2018/02/23 Javascript
vue实现中部导航栏布局功能
2019/07/30 Javascript
Vue+Koa2 打包后进行线上部署的教程详解
2019/07/31 Javascript
vue+element导航栏高亮显示的解决方式
2019/11/12 Javascript
es6函数之尾递归用法实例分析
2020/04/25 Javascript
Vue绑定用户接口实现代码示例
2020/11/04 Javascript
[09:33]2015国际邀请赛第四日TOP10
2015/08/08 DOTA
Python自动重试HTTP连接装饰器
2015/04/28 Python
python使用htmllib分析网页内容的方法
2015/05/08 Python
Python读取Word(.docx)正文信息的方法
2018/03/15 Python
python多线程使用方法实例详解
2019/12/30 Python
python 基于卡方值分箱算法的实现示例
2020/07/17 Python
详解python polyscope库的安装和例程
2020/11/13 Python
python爬虫scrapy图书分类实例讲解
2020/11/23 Python
python 解决函数返回return的问题
2020/12/05 Python
python中四舍五入的正确打开方式
2021/01/18 Python
JD Sports丹麦:英国领先的运动时尚零售商
2020/11/24 全球购物
八项规定整改方案
2014/02/21 职场文书
学校关爱留守儿童活动方案
2014/08/27 职场文书
2014年技术部工作总结
2014/12/12 职场文书
职位证明模板
2015/06/23 职场文书
《童年的发现》教学反思
2016/02/18 职场文书
Java实现简易的分词器功能
2021/06/15 Java/Android