概述：
由于为了管理，分类，我们不会虽然呈现成一个页面，实际上是多个页面组成，最普通标签内嵌标签，但是问题来了，如果我点击A页面某个内容，B页面怎么知道点击这个页面而自动更新，前面记得有一篇通过Cookie进行实现，用户可能会禁用cookie，这样cookie方法有局限性，刚才在其他地方找到一个另外的方法来实现页面之间共享变量，如果两个同域（相同的协议、主机名、端口）的网页进行通讯，可以使用localStorage,如果是不同主机名和端口可以使用postMessage:参考-http://www.cnblogs.com/dolphinX/p/3464056.html，这里学习一下简单localStorage用法</p> <p>点击按钮随机变化背景颜色</p> <h2>1、首先看第一个a.html</h2> <p></p> <pre><code class="language-html"><!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <title>页面之间传递消息</title> </head> <body> <input type="button" value="变色" id="btn"> <iframe id="iframe" src="./b.html" frameborder="0" width="100%" height="600px">
