hash.js 轻量级地址栏 location.hash 参数处理框架

Question

hash.js 是一个超小的框架，主要用来处理你的地址栏 location.hash 参数，在 SPA 单页应用中经常被使用到。

获取参数

假设我们有这样一个 URL 地址：

http://www.example.net/#!&foo=bar&array[]=1&array[]=2

使用 Hash.js 获取参数：

hash('foo'); // 'bar'
hash('array'); // ['1', '2']
hash(); // { foo: 'bar', array: ['1', '2'] }

设置参数

当然不仅仅能获取，也能设置浏览器地址栏 hash 参数：

// Results in http://www.example.net/#!&foo=bar
hash('foo', 'bar');

// Results in http://www.example.net/#!&foo[]=bar&foo[]=baz
hash('foo', ['bar', 'baz']);

// Results in http://www.example.net/#!
hash('foo', undefined);

相关链接

• https://github.com/tonekk/hash.js
• https://www.npmjs.com/package/hash-js