基于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 相关文章推荐
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
Jan 21 Javascript
js正文内容高亮效果的实现方法
Jun 30 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
May 08 Javascript
jQuery实现切换字体大小的方法
Mar 10 Javascript
JQuery+CSS实现图片上放置按钮的方法
May 29 Javascript
jquery遍历函数siblings()用法实例
Dec 24 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
Feb 14 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
May 09 Javascript
js捕捉键盘事件和按键键值的方法
Oct 10 Javascript
详解js的异步编程技术的方法
Feb 09 Javascript
vue-router相关基础知识及工作原理
Mar 16 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
Apr 29 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获取网站百度快照日期的方法
2015/07/29 PHP
thinkPHP框架实现的短信接口验证码功能示例
2018/06/20 PHP
PHP中常见的密码处理方式和建议总结
2018/10/14 PHP
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/03 Javascript
Javascript计算时间差的函数分享
2011/07/04 Javascript
jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果
2011/09/26 Javascript
JQUERY1.6 使用方法四 检测浏览器
2011/11/23 Javascript
jQuery实现用户注册的表单验证示例
2013/08/28 Javascript
js对象内部访问this修饰的成员函数示例
2014/04/27 Javascript
jquery 选取方法都有哪些
2014/05/18 Javascript
jQuery中dom元素上绑定的事件详解
2015/04/24 Javascript
jQuery动态星级评分效果实现方法
2015/08/06 Javascript
JS实现的颜色实时渐变效果完整实例
2016/03/25 Javascript
全面理解闭包机制
2016/07/11 Javascript
javascript合并两个数组最简单的实现方法
2019/09/14 Javascript
js+springMVC 提交数组数据到后台的实例
2019/09/21 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
Python二维码生成库qrcode安装和使用示例
2014/12/16 Python
Python实现二分查找与bisect模块详解
2017/01/13 Python
Python版名片管理系统
2018/11/30 Python
学习Django知识点分享
2019/09/11 Python
Pytorch 实现数据集自定义读取
2020/01/18 Python
安装pyinstaller遇到的各种问题(小结)
2020/11/20 Python
HTML5学习笔记之html5与传统html区别
2016/01/06 HTML / CSS
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
2020/06/04 HTML / CSS
AmazeUI在模态框中嵌入表单形成模态输入框
2020/08/20 HTML / CSS
日本PLST在线商店:日本时尚杂志刊载的人气服装
2016/12/10 全球购物
技术副厂长岗位职责
2013/12/26 职场文书
小班幼儿评语大全
2014/04/30 职场文书
触电现场处置方案
2014/05/14 职场文书
办理信用卡收入证明范例
2014/09/13 职场文书
2014年团支书工作总结
2014/11/14 职场文书
绿色环保倡议书
2015/04/28 职场文书
怎样写好工作计划
2019/04/10 职场文书
vue3不同环境下实现配置代理
2022/05/25 Vue.js
Python find()、rfind()方法及作用
2022/12/24 Python