jQuery hash 插件

最新推荐文章于 2024-06-11 09:44:59 发布
最新推荐文章于 2024-06-11 09:44:59 发布
阅读量878 收藏 2
点赞数
分类专栏： Javascript /Jquery / Bootstrap / Web 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_5904/article/details/82636066
版权

URL中的hash，也就是网址井号后面的部分，其实是一块宝地，它能创建浏览历史，也能存储一些简单数据。从Twitter开始Hash被用来定义Ajax内容，虽然如今已被HTML5的pushState所替代。这里介绍jQuery Hash 插件，可以帮助你完成简单数据的存储。

 

Hash存储数据有什么用

首先传统URL传递数据的弊端是，对搜索引擎不友好，搜索引擎会认为 /example和/example?key=val是不同的网址，然而hash则不同，搜索引擎认为 /example 和 /exmaple#;key=val 会是两个完全相同的网页。此外，用hash存储数据也不必刷新页面。

hash可以作为一种本地临时存储的解决方案，正如cookie那样。可以在url中保存临时的用户状态这是cookie做不了的。例如含有Ajax页面的刷新，就可以直接利用hash存储当前的状态。再例如你可以配合Hashchange监听来完成一些事情。

这算是一个尝试，虽然目前少有人在hash存数据上作文章，但是如果你真的需要，可以用这个插件参考一下。

 

看看什么样子的

下图即是一个实例，网址正常部分是

最低0.47元/天 解锁文章
iteye_5904
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery.hash 插件 JavaScript/jQuery 解析URL
live_x
03-23 2335
jquery.hash 设置、获取、删除说明： hash就是 URL中 # 后面的部分。 通常我们使用 #id 做为 向id跳转的锚点，页面会被定位到id所在元素的位置，也会在页面打开的时候直接定位到id所在元素的位置 hash有几个特点: hash参数改变后浏览器不会刷新页面 后台语言不会接收到hash参数 JavaScript可以接收hash参数 所以我们一般使用hash来做Ajax的Url，
jQuery插件
weixin_62232726的博客
03-22 1392
一.自定义插件 1. $.extend 作用1：对象继承 $.extend(对象1，对象2)----对象1继承对象2 案例：对象间的继承（两个对象） var person = {"name":"哈哈","sex":"女"} var stu = {} // 通过$.extend()；为stu继承person中的所有属性 $.extend(stu,person) 作用2：扩展jQuery类方法： $.extend({方法名：function(){方法体}})多个方法之间用逗号隔开 案例
jquery.hash:jQuery DOM元素哈希插件
05-20
jquery.hash jQuery DOM元素哈希插件 支持的哈希方法 base64 md5 sha1 自己编译 如果要编译自己的版本或jquery.hash的修改 npm install node compile 抓取out/jquery.hash.min.js文件并将其插入！ 例子 DOM元素 $elem = $ ( "#myBeautifulDiv" ) ; hash_b64 = $elem . hash ( ) ; //same: $elem.hash({method: "base64"}); hash_sha1 = $elem . hash ( { method : "sha1" } ) ; 散列字符串 var hashes = [ ] ; hashes . push ( $ . hashing . base64 ( "Hello jQuery!" ) ) ; /
探索URL哈希的秘密武器：Hash.js
最新发布
gitblog_00006的博客
06-11 238
探索URL哈希的秘密武器：Hash.js 项目地址:https://gitcode.com/javve/hash.js 在构建现代Web应用时，对URL中哈希部分的灵活操控是不可或缺的一环。今天，我们要向大家隆重推荐一款轻量级神器——Hash.js，它仅重0.5KB，却能以最简洁的方式让你全面掌控URL中“#”后面的世界。这款小工具经过了Chrome、Safari、Firefox以及IE7至IE9...
jQuery hash
weixin_34191845的博客
09-25 820
介绍 jQuery hash 被设计用来做为一种本地临时存储的解决方案，其实现基于 url 的 hash 部分。 一般情况下，当页面被刷新时，重新加载的页面，需要通过 Ajax 恢复其原来的 UI 状态。通过 cookie 存储状态固然是一种解决方式，但却受限于 cookie 的大小，而通过 hash 却可有针对性地保留用户操作的临时状态信息。 使用方法 jQuery hash 按照 jQ...
JS计算文件的md5
热门推荐
Hason的专栏
05-20 1万+
在浏览器端要计算md5 hash，在不安装浏览器插件的情况下需要浏览器能支持读取本地文件，即支持 FileAPI。因此又是 IE 这货不支持。各浏览器兼容看这里：http://caniuse.com/#feat=fileapi 首先需要引入js文件：https://raw.github.com/satazor/SparkMD5/master/spark-md5.js 示例代码（需要
jQuery中的Cookie和hash
qq_45155741的博客
07-06 242
jQuery中的Cookie和hash Cookie Cookie：会话跟踪技术（客户端） session：会话跟踪技术（服务端） Cookie作用：将网页中的数据保存到浏览器当中 使用： window.onload = function(){ document.cookie = "name=yxy;"; alert(document.cookie); } Cookie生命周期：cookie生命周期默认情况下是一次会话（浏览器被关闭代表生命周期结束） cookie设置过期时间（通过e
jQuery-------插件
ZY_jaychou6的博客
03-23 817
自定义插件 $.extend 【作用1】对象继承：$.extend(对象1，对象2)--…>对象继承对象2 案例1：对象间的继承(两个对象) 【作用2】扩展JQuery类方法：$.extend((方法名：function(){方法体} 注意多个方法之间用运号幅开 案例2：扩展$.max0和$.min0方法 $.fn.extend 【作用】扩展jQuery对象方法：$.fn.extend({方法名：function()(方法体 )}) 注乘多个方法之间用运号幅开 案例3：扩展复选框的全.
jquery md5 插件
09-06
亲测好用，加密结果与php的md5函数结果一直，使用时只需引入文件，然后用$.md5调用
jquery.hash.min.js 和 jquery.ba-hashchange.min.js
10-21
而 `jquery.hash.min.js` 和 `jquery.ba-hashchange.min.js` 这两个文件则是在 jQuery 基础上扩展了对浏览器 URL hash 变化的处理，从而实现单页面应用（Single Page Application, SPA）中后退和前进按钮的刷新功能...
基于jQuery的history历史记录插件
12-03
1. **URL Hash 存储应用状态**: 当用户在应用中进行操作时，jQuery History 插件可以将当前的应用状态保存到URL的哈希部分。例如，`http://example.com/#state1`。这使得当用户点击浏览器的后退或前进按钮时，可以...
jQuery HashMap
11-30
使用jQuery开发HashMap，包含一些基本的功能。
前端项目-jquery-hashchange.zip
09-03
前端项目-jquery-hashchange,这个jquery插件通过一个跨浏览器窗口.onhashchange事件启用了非常基本的书签哈希历史。
sha1.js（js版sha1加密）
09-01
sha1.js（js版sha1加密）
批量获取文件hash值工具
06-06
支持文件多选，文件夹选择，文件下包括自文件所有文件的hash值获取，支持多种hash值MD5 SHA-256 SHA-512 SHA SHA-384 SHA1 SHA-1 MD2
webpack里使用jquery.mCustomScrollbar插件的方法
10-18
在本篇文章中，我们将探讨如何在 Webpack 项目中集成 `jquery.mCustomScrollbar` 插件，这是一个基于 jQuery 的自定义滚动条样式插件，能够为网页的滚动条提供美观的定制效果。 `malihu-custom-scrollbar-plugin` ...
JQuery HashChange插件修改
dz45693的专栏
04-13 3472
在做AJAX的时候前进、后退按钮的处理是比较重要的，可以使用location.hash来解决这个问题。原理这里不再重复，为了方便，我使用了JQuery的HashChange插件，不过这个插件用起来不好：$.locationHash()方法只能设置hash，不能读取hash，不符合JQuery的风格；hashchange事件在用户通过地址栏直接敲“a.htm?#a”这种方式的时候不会触发，必须在re
ajax hash方法,jquery 遍历hash操作示例【基于ajax交互】
weixin_39960503的博客
08-05 210
本文实例讲述了jquery 遍历hash操作。分享给大家供大家参考，具体如下：运维平台*{margin: 0; padding: 0;}body{font-size: 20px; color: #333;}h1{position: relative; height: 100px; line-height: 100px; margin: 0; background: #555; color: #f2...
hash.js Javascript/jQuery 解析/监听url hash
郎涯技术
08-16 8917
1、什么是hashsearch、hashpath 其实那，hashsearch、hashpath这两个词是我自造的。在javascript语言里称url改变该部分不会影响页面重新加载的部分为hash，在后台语言里称之为fragment（碎片）。在这里，我们统称为hash。 在js里获取hash部分，可以使用如下语句获取： // 获取当前浏览器的hash部分 // 如...
无锁Hash表：Split-OrderedLists算法详解
无锁Hash表的实现方式是一项关键的高性能并发数据结构研究，由ORISHALEV和NIRSHAVIT两位作者在他们的论文中提出。该论文主要关注的是在现代架构上设计并实现一个可扩展的无锁哈希表，旨在提供并发插入、删除和查找...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值