最近做一个项目，改动到了两个页面（A，B）：在A页面（aa.example.com/a.html）往localStorage写一个key，然后在稍候的B页面（bb.example.com/b.html）读出来。结果是写的时候成功了，在A页面也读出来了，跑到B页面，localStorage却是空的！

别急，待俺掐指一算……嗯，子域不同，localStorage应该也是不一样的。在A页面的逻辑完成的时候，跳转到bb.example.com/a.html 进行设置key的话，写key和读取key都是同一个域了。

结果……啊，我要崩溃，还是读不出来！但是t它（A，B）的上一个版本是可以的，为虾米呢？

moreGoogle N久，没谷着，没办法了，一行一行找！

然后……这样……那样……接着……

5555……别拉着我，我要去砍死写这行代码的那个家伙！（喂喂，真不拉着我呀）

重新唤回A页面，加上document.domain=“example.com”；然后，写！跳到B页面，OMG，总算可以了，呼～

说明：Sorry，后续的试验证明localStorage是没法跨域读取的，子域也不行，后面重新验证的时候发现a.html和b.html都在同一个子域，误人子弟了，55555～～

后话：话说用localStorage也蛮长时间了，只是从来没想过localStorage会跟cookie一样受到跨域的限制，会被document.domain影响，嗯，这就是学艺不精还不认真看文档的后果……

嗯，附上W3C的说明一份，不用钱的。^_^

4.3.1 Security

 
User agents must throw a SecurityError exception whenever any of the members of a [Storage](http://www.w3.org/TR/webstorage/#storage-0) object originally returned by the [localStorage](http://www.w3.org/TR/webstorage/#dom-localstorage) attribute are accessed by scripts whose effective script origin is not thesame as the origin of the Document of the Window object on which the [localStorage](http://www.w3.org/TR/webstorage/#dom-localstorage) attribute was accessed.

 
This means [Storage](http://www.w3.org/TR/webstorage/#storage-0) objects are neutered when the document.domain attribute is used.