HTML5会话存储不起作用

Question

当用户进行身份验证时，我正在使用会话存储来获取由Instagram在URL末尾生成的访问令牌。 这对我的本地主机不起作用，请查看我创建的笔作为输出示例。 http://codepen.io/anon/pen/eHGBf#access_token=12345.67890

这是我正在使用的代码：

var token = window.location.hash.substr(1).split("=");
var storeToken = token[1];

if (typeof(Storage) != 'undefined') {
    sessionStorage.setItem('accessToken', storeToken);
    document.getElementById('access_token').innerHTML = sessionStorage.getItem('accessToken');
} else {
    document.getElementById('access_token').innerHTML = 'Sorry, your browser does not support Web Storage';
}   

并显示访问令牌：

<div id="access_token"></div>

当我刷新本地主机上的页面（URL中没有访问令牌）或导航到其他页面并返回该令牌已在ID中显示的主页时，它返回“ undefined”，我必须再次登录。 我以为应该保存令牌？ 任何帮助是极大的赞赏。

Answer 1

    var token = window.location.hash.substr(1).split("=");
    var storeToken = token[1];

    if (storeToken) {
        sessionStorage.setItem('accessToken', storeToken);
    }

    if (sessionStorage.getItem('accessToken')) { 
        document.getElementById('access_token').innerHTML = sessionStorage.getItem('accessToken'); 
    }