基于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 相关文章推荐
Ext.MessageBox工具类简介
Dec 10 Javascript
javaScript call 函数的用法说明
Apr 09 Javascript
动态的绑定事件addEventListener方法的使用
Jan 24 Javascript
javascript作用域和闭包使用详解
Apr 25 Javascript
jQuery 获取、设置HTML或TEXT内容的两种方法
May 23 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
webpack公共组件引用路径简化小技巧
Jun 15 Javascript
在vue中更换字体,本地存储字体非引用在线字体库的方法
Sep 28 Javascript
GOJS+VUE实现流程图效果
Dec 01 Javascript
JS获取本地地址及天气的方法实例小结
May 10 Javascript
django js 实现表格动态标序号的实例代码
Jul 12 Javascript
vue学习笔记之过滤器的基本使用方法实例分析
Feb 01 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
php file_get_contents抓取Gzip网页乱码的三种解决方法
2013/11/12 PHP
php根据用户语言跳转相应网页
2015/11/04 PHP
Zend Framework前端控制器用法示例
2016/12/11 PHP
CI框架实现优化文件上传及多文件上传的方法
2017/01/04 PHP
Avengerls vs Newbee BO3 第二场2.18
2021/03/10 DOTA
JavaScript Prototype对象
2009/01/07 Javascript
Javascript算符的优先级介绍
2013/03/20 Javascript
图片上传判断及预览脚本的效果实例
2013/08/07 Javascript
Window.Open如何在同一个标签页打开
2014/06/20 Javascript
JS实现判断碰撞的方法
2015/02/11 Javascript
Angular4 中常用的指令入门总结
2017/06/12 Javascript
Angular搜索 过滤 批量删除 添加 表单验证功能集锦(实例代码)
2017/10/25 Javascript
Angular实现的table表格排序功能完整示例
2017/12/22 Javascript
react用Redux中央仓库实现一个todolist
2019/09/29 Javascript
vue+webpack 更换主题N种方案优劣分析
2019/10/28 Javascript
微信小程序中插入激励视频广告并获取收益(实例代码)
2019/12/06 Javascript
使用C语言来扩展Python程序和Zope服务器的教程
2015/04/14 Python
Python使用tablib生成excel文件的简单实现方法
2016/03/16 Python
Python实现将一个正整数分解质因数的方法分析
2017/12/14 Python
浅谈Pycharm中的Python Console与Terminal
2019/01/17 Python
window环境pip切换国内源(pip安装异常缓慢的问题)
2019/12/31 Python
python GUI库图形界面开发之PyQt5信号与槽多窗口数据传递详细使用方法与实例
2020/03/08 Python
Python爬虫防封ip的一些技巧
2020/08/06 Python
如何在python中实现线性回归
2020/08/10 Python
详解CSS3中@media的实际使用
2015/08/04 HTML / CSS
使用CSS3来实现滚动视差效果的教程
2015/08/24 HTML / CSS
详解html5 postMessage解决跨域通信的问题
2018/08/17 HTML / CSS
Merchant 1948澳大利亚:新西兰领先的鞋类和靴子供应商
2018/03/24 全球购物
美国在线面料商店:Online Fabric Store
2018/07/26 全球购物
管理岗位竞聘演讲稿
2014/08/18 职场文书
2014年出纳工作总结与计划
2014/12/09 职场文书
大学生见习总结报告
2015/06/24 职场文书
导游词之白茶谷九龙峡
2019/10/23 职场文书
ThinkPHP5和ThinkPHP6的区别
2021/03/31 PHP
JPA 通过Specification如何实现复杂查询
2021/11/23 Java/Android