基于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源码学习javascript(三)
Dec 27 Javascript
ie中js创建checkbox默认选中问题探讨
Oct 21 Javascript
js使用html()或text()方法获取设置p标签的显示的值
Aug 01 Javascript
ECMAScript 5中的属性描述符详解
Mar 02 Javascript
分享15个大家都熟知的jquery小技巧
Dec 02 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
Sep 29 Javascript
JS中split()用法(将字符串按指定符号分割成数组)
Oct 24 Javascript
Web前端框架bootstrap实战【第一次接触使用】
Dec 28 Javascript
vuejs实现折叠面板展开收缩动画效果
Sep 06 Javascript
详解如何提升JSON.stringify()的性能
Jun 12 Javascript
JS实现随机点名器
Apr 12 Javascript
VUE中V-IF条件判断改变元素的样式操作
Aug 09 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
网络资源
2006/10/09 PHP
手把手教你使用DedeCms V3的在线采集图文教程
2007/04/03 PHP
PHP 下载文件时自动添加bom头的方法实例
2014/01/10 PHP
PHP封装的一个支持HTML、JS、PHP重定向的多功能跳转函数
2014/06/19 PHP
php实现通过soap调用.Net的WebService asmx文件
2017/02/27 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
浅谈laravel框架与thinkPHP框架的区别
2019/10/23 PHP
层序遍历在ExtJs的TreePanel中的应用
2009/10/16 Javascript
全面了解函数声明与函数表达式、变量提升
2016/08/09 Javascript
微信小程序 底部导航栏目开发资料
2016/12/05 Javascript
thinkjs之页面跳转同步异步操作
2017/02/05 Javascript
初识NodeJS服务端开发入门(Express+MySQL)
2017/04/07 NodeJs
node使用UEditor富文本编辑器的方法实例
2017/07/11 Javascript
关于node-bindings无法在Electron中使用的解决办法
2018/12/18 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)
2019/01/24 Javascript
vue中的 $slot 获取插槽的节点实例
2019/11/12 Javascript
vue和小程序项目中使用iconfont的方法
2020/05/19 Javascript
vue切换菜单取消未完成接口请求的案例
2020/11/13 Javascript
用vue设计一个日历表
2020/12/03 Vue.js
[01:45]2014DOTA2 TI预选赛预选赛 大神专访第二弹!
2014/05/20 DOTA
用Python登录Gmail并发送Gmail邮件的教程
2015/04/17 Python
深入解析Python中的descriptor描述器的作用及用法
2016/06/27 Python
python操作mysql数据库
2017/03/05 Python
详解Python 模拟实现生产者消费者模式的实例
2017/08/10 Python
对Python中type打开文件的方式介绍
2018/04/28 Python
如何通过python画loss曲线的方法
2019/06/26 Python
详解Python利用random生成一个列表内的随机数
2019/08/21 Python
解析Tensorflow之MNIST的使用
2020/06/30 Python
python 利用Pyinstaller打包Web项目
2020/10/23 Python
HTML5 Canvas鼠标与键盘事件demo示例
2013/07/04 HTML / CSS
ziaja齐叶雅官方海外旗舰店:来自波兰的天然护肤品牌
2017/01/02 全球购物
Nordgreen台湾官网:极简北欧设计手表
2019/08/21 全球购物
读书活动总结范文
2014/04/26 职场文书
党员廉洁自律个人总结
2015/02/13 职场文书
六一儿童节致辞
2015/07/31 职场文书
python实战之用emoji表情生成文字
2021/05/08 Python