基于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/jquery对上传文件格式过滤的方法
Jul 25 Javascript
关于javascript中的parseInt使用技巧
Sep 03 Javascript
33个优秀的 jQuery 图片展示插件分享
Mar 14 Javascript
详解JS 比较两个Json对象的值是否相等的实例
Nov 20 Javascript
使用javascript控制cookie显示和隐藏背景图
Feb 12 Javascript
javascript实现手机震动API代码
Aug 05 Javascript
jQuery+css实现非常漂亮的水平导航菜单效果
Jul 27 Javascript
js中获取jsp表单中radio类型的值简单实例
Aug 15 Javascript
AngularJS 单元测试(一)详解
Sep 21 Javascript
JS实现随机颜色的3种方法与颜色格式的转化
Jan 05 Javascript
Node.js net模块功能及事件监听用法分析
Jan 05 Javascript
详解微信小程序胶囊按钮返回|首页自定义导航栏功能
Jun 14 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性能优化准备篇图解PEAR安装
2011/12/05 PHP
php中curl使用指南
2015/02/05 PHP
phpMyAdmin无法登陆的解决方法
2017/04/27 PHP
PHP实现登陆并抓取微信列表中最新一组微信消息的方法
2017/07/10 PHP
laravel 验证错误信息到 blade模板的方法
2019/09/29 PHP
jQuery 处理表单元素的代码
2010/02/15 Javascript
JS实现悬浮移动窗口(悬浮广告)的特效
2013/03/12 Javascript
Jquery+asp.net后台数据传到前台js进行解析的方法
2014/05/11 Javascript
javaScript使用EL表达式的几种方式
2014/05/27 Javascript
详解Javascript百度地图接口开发文档中的类和方法
2017/02/07 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
2017/05/18 Javascript
详解用async/await来处理异步
2019/08/28 Javascript
微信小程序返回箭头跳转到指定页面实例解析
2019/10/08 Javascript
js中关于Blob对象的介绍与使用
2019/11/29 Javascript
uniapp实现横向滚动选择日期
2020/10/21 Javascript
[03:16]DOTA2完美大师赛主赛事首日集锦
2017/11/23 DOTA
python的格式化输出(format,%)实例详解
2018/06/01 Python
Python之用户输入的实例
2018/06/22 Python
Python爬取商家联系电话以及各种数据的方法
2018/11/10 Python
python将字典列表导出为Excel文件的方法
2019/09/02 Python
PyQt5中向单元格添加控件的方法示例
2020/03/24 Python
解决Keras 中加入lambda层无法正常载入模型问题
2020/06/16 Python
Django创建一个后台的基本步骤记录
2020/10/02 Python
Python plt 利用subplot 实现在一张画布同时画多张图
2021/02/26 Python
html5 canvas移动浏览器上实现图片压缩上传
2016/03/11 HTML / CSS
中间件分为哪几类
2016/09/18 面试题
《胡杨》教学反思
2014/02/16 职场文书
销售经理岗位职责
2014/03/16 职场文书
优秀共产党员先进事迹材料
2014/05/06 职场文书
高中学生自我评价范文
2014/09/23 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
2015年五一劳动节活动总结
2015/02/09 职场文书
质检员岗位职责范本
2015/04/07 职场文书
七年级之家长会发言稿范文
2019/09/04 职场文书
创业计划书之面包店
2019/09/12 职场文书
MySQL中正则表达式(REGEXP)使用详解
2022/07/07 MySQL