基于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对内存分配及管理机制详细解析
Nov 11 Javascript
Jquery实现自定义窗口随意的拖拽
Mar 12 Javascript
jquery实现效果比较好的table选中行颜色
Mar 25 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
Oct 14 Javascript
实例分析浏览器中“JavaScript解析器”的工作原理
Dec 12 Javascript
JavaScript中Promise的使用详解
Feb 26 Javascript
webpack独立打包和缓存处理详解
Apr 03 Javascript
详解vue.js2.0父组件点击触发子组件方法
May 10 Javascript
详解vue2.0脚手架的webpack 配置文件分析
May 27 Javascript
详解VUE-地区选择器(V-Distpicker)组件使用心得
May 07 Javascript
vue如何安装使用Quill富文本编辑器
Sep 21 Javascript
Vue自定义表单内容检查rules实例
Oct 30 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 计划任务 检测用户连接状态
2012/03/29 PHP
php自定义函数实现JS的escape的方法示例
2016/07/07 PHP
FormValid0.5版本发布,带ajax自定义验证例子
2007/08/17 Javascript
Mootools 1.2教程 同时进行多个形变动画
2009/09/15 Javascript
javascript 计算两个整数的百分比值
2009/12/26 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
2013/03/25 Javascript
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
2013/05/07 Javascript
给文字加上着重号的JS代码
2013/11/12 Javascript
如何防止回车(enter)键提交表单
2014/05/11 Javascript
JS运动基础框架实例分析
2015/03/03 Javascript
IE6兼容透明背景图片及解决方案
2015/08/19 Javascript
使用 JavaScript 进行函数式编程 (一) 翻译
2015/10/02 Javascript
Nodejs初级阶段之express
2015/11/23 NodeJs
JSON字符串转换JSONObject和JSONArray的方法
2016/06/03 Javascript
浅谈Javascript数据属性与访问器属性
2016/07/26 Javascript
jquery-mobile基础属性与用法详解
2016/11/23 Javascript
使用JavaScript开发跨平台的桌面应用详解
2017/07/27 Javascript
三分钟学会用ES7中的Async/Await进行异步编程
2018/06/14 Javascript
[00:43]FTP典藏礼包 DOTA2三大英雄霸气新套装
2014/03/21 DOTA
python检测远程udp端口是否打开的方法
2015/03/14 Python
用pickle存储Python的原生对象方法
2017/04/28 Python
Python使用django框架实现多人在线匿名聊天的小程序
2017/11/29 Python
PyQt5 pyqt多线程操作入门
2018/05/05 Python
浅析Python函数式编程
2018/10/06 Python
TensorFlow2.0使用keras训练模型的实现
2021/02/20 Python
HTML5 使用 sessionStorage 进行页面传值的方法
2018/07/02 HTML / CSS
canvas绘制视频封面的方法
2018/02/05 HTML / CSS
阿联酋电子产品购物网站:Menakart
2017/09/15 全球购物
大专会计自我鉴定
2014/02/06 职场文书
批评与自我批评材料
2014/02/15 职场文书
群众路线党课主持词
2014/04/01 职场文书
焦裕禄精神心得体会
2014/09/02 职场文书
2014年个人债务授权委托书范本
2014/09/22 职场文书
英文慰问信
2015/02/14 职场文书
2016天猫双十一广告语
2016/01/28 职场文书
财产分割协议书
2016/03/22 职场文书