在js跨域双向数据传递时可以用iframe加上location.hash来实现，在研究这个的时候深入学习了一下hash的特性。
hash就是uri中#及后面的部分，例如：www.google.com.hk#123的#123。当只有hash部分发生变化时，浏览器的历史记录会产生记录，但不会向服务器发出请求，这时按后退键地址栏的uri会变化但页面内容不变。
而hash变化但不发出请求就是js跨域双向数据传递的基础啦。
下面就讲述一下hash结合ajax的使用，ajax每次取数据时页面更新后浏览器并不产生历史记录，也就是说后退和前进按钮失去应用的效用，这时可以结合hash和window.onhashchange来使用，注意ie6、7均不支持onhashchange，但可以用setInterval定期检查hash的改变，或者onload中检查的方法。
具体实现：
1 <body>
2
3 <div id="div1"></div>
4 <input type="button" value="click" onclick="GetT()" />
5
6 </body>
7 </html>
8 <script type="text/javascript" src="js/AjaxHasPool.js">
9 </script>
10 <script type="text/javascript">
11 var ajax = new AjaxHasPool();
12 var method="get";
13 var url ="Handler.ashx";
14 var i = 1;
15 var obj = new Object();
16 function GetT()
17 {
18 document.getElementById("div1").innerHTML=i;
19 ajax.Startup(null,url,method,ep);
20 }
21 function ep(xmlobj){
22 eval("obj['"+i+"']="+i+";");
23 location.hash="#"+i;
24 ++i;
25 }
26
27 window.onhashchange=function(){
28 var hashStr = location.hash.replace("#","");
29 if(typeof(eval("obj['"+hashStr+"']"))!="undefined")
30 document.getElementById("div1").innerHTML=eval("obj['"+hashStr+"']");
31 }
32 </script>
1.AjaxHasPool是自己封装的ajax类，其中的ajax.Startup()就是发送ajax请求；
2.Object对象保存历史记录，如果对象属性为数字的话，要用obj["1"]的方式来实例化，否者会违反命名规范。
3.在使用window.onhashchange检测hash值获取历史数据。
如果您觉得本文的内容有趣就扫一下吧！捐赠互勉！
本文转自^_^肥仔John博客园博客，原文链接：http://www.cnblogs.com/fsjohnhuang/archive/2011/12/08/2280436.html，如需转载请自行联系原作者
