基于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 事件记录使用说明
Oct 20 Javascript
Java File类的常用方法总结
Mar 18 Javascript
JavaScript实现算术平方根算法-代码超简单
Sep 11 Javascript
AngularJS实现Model缓存的方式
Feb 03 Javascript
Bootstrap~多级导航(级联导航)的实现效果【附代码】
Mar 08 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
Oct 17 Javascript
解析jquery easyui tree异步加载子节点问题
Mar 08 Javascript
Angular 4.x+Ionic3踩坑之Ionic 3.x界面传值详解
Mar 13 Javascript
使用proxy实现一个更优雅的vue【推荐】
Jun 19 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
Aug 14 Javascript
详解关于JSON.parse()和JSON.stringify()的性能小测试
Mar 14 Javascript
vue实现购物车结算功能
Jun 18 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
phpcms模块开发之swfupload的使用介绍
2013/04/28 PHP
php判断GIF图片是否为动画的方法
2020/09/04 PHP
PHP下通过QRCode类库创建中间带网站LOGO的二维码
2014/07/12 PHP
Aster vs Newbee BO5 第三场2.19
2021/03/10 DOTA
分页栏的web标准实现
2011/11/01 Javascript
JavaScript中的eval()函数使用介绍
2014/12/31 Javascript
让JavaScript中setTimeout支持链式操作的方法
2015/06/19 Javascript
Vue表单实例代码
2016/09/05 Javascript
js html css实现复选框全选与反选
2016/10/09 Javascript
微信小程序 MD5的方法详解及实例代码
2017/03/10 Javascript
微信小程序 判断手机号的实现代码
2017/04/19 Javascript
jQuery实现的简单在线计算器功能
2017/05/11 jQuery
Vue.js数据绑定之data属性
2017/07/07 Javascript
使用store来优化React组件的方法
2017/10/23 Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
2018/02/26 Javascript
ES6关于Promise的用法详解
2018/05/07 Javascript
基于Vue2实现简易的省市区县三级联动组件效果
2018/11/05 Javascript
layui-laydate时间日历控件使用方法详解
2018/11/15 Javascript
微信小程序实现评论功能
2018/11/28 Javascript
小程序获取当前位置加搜索附近热门小区及商区的方法
2019/04/08 Javascript
微信小程序自定义tabBar在uni-app的适配详解
2019/09/30 Javascript
浅谈Vue中render中的h箭头函数
2019/11/07 Javascript
解决vue admin element noCache设置无效的问题
2019/11/12 Javascript
vue项目实现减少app.js和vender.js的体积操作
2020/11/12 Javascript
Python字典数据对象拆分的简单实现方法
2017/12/05 Python
python针对excel的操作技巧
2018/03/13 Python
python3.8与pyinstaller冲突问题的快速解决方法
2020/01/16 Python
python实现粒子群算法
2020/10/15 Python
python 实现倒计时功能(gui界面)
2020/11/11 Python
html5 touch事件实现触屏页面上下滑动(一)
2016/03/10 HTML / CSS
给医务人员表扬信
2014/01/12 职场文书
中学教师培训制度
2014/01/31 职场文书
铣床操作工岗位职责
2014/06/13 职场文书
奥巴马上海演讲稿
2014/09/10 职场文书
社区义诊通知
2015/04/24 职场文书
致运动员加油稿
2015/07/21 职场文书