问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

window.name存储javascript数据靠谱么

头像
wonyun
    67026

    由于window.name没有兼容性问题，基于同一个窗口共享数据，所以想实现在同一个窗口加载不同页面使它们共享数据，就想到用window.name，请问这样使用window.name靠谱么？？？

    javascript
    阅读 8.4k
    1 个回答
    得票最新
    头像
    unknown_bear
      14112

      用localStorage吧，有兼容IE低版本的方案。

          "use strict";
    //localStorage support ie6-8
    if(typeof window.localStorage === 'undefined'){

        var localStorage = window.localStorage = {},
            prefix = 'data-userdata',
            doc = document,
            attrSrc = doc.body,
            html = doc.documentElement,

        // save attributeNames to <html>'s
        // data-userdata attribute
            mark = function (key, isRemove, temp, reg) {

                html.load(prefix);
                temp = html.getAttribute(prefix);
                reg = new RegExp('\\b' + key + '\\b,?', 'i');

                var hasKey = reg.test(temp) ? 1 : 0;

                temp = isRemove ? temp.replace(reg, '').replace(',', '') :
                    hasKey ? temp : temp === '' ? key :
                        temp.split(',').concat(key).join(',');


                html.setAttribute(prefix, temp);
                html.save(prefix);

            };

        // add IE behavior support
        attrSrc.addBehavior('#default#userData');
        html.addBehavior('#default#userData');

        localStorage.getItem = function (key) {
            attrSrc.load(key);
            return attrSrc.getAttribute(key);
        };

        localStorage.setItem = function (key, value) {
            attrSrc.setAttribute(key, value);
            attrSrc.save(key);
            mark(key);
        };

        localStorage.removeItem = function (key) {
            attrSrc.removeAttribute(key);
            attrSrc.save(key);
            mark(key, 1);
        };

        // clear all attributes on <body> that using for textStorage
        // and clearing them from the 'data-userdata' attribute's value of <html>
        localStorage.clear = function () {

            html.load(prefix);

            var attrs = html.getAttribute(prefix).split(','),
                len = attrs.length;

            for (var i = 0; i < len; i++) {
                attrSrc.removeAttribute(attrs[i]);
                attrSrc.save(attrs[i]);
            }

            html.setAttribute(prefix, '');
            html.save(prefix);

        };
    }

      IE低版本用userData存储。(代码来自网络)

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题