window.top[_CACHE]实现多个jsp页面共享一个js对象
今天，在项目中遇到一个问题，两个js页面要共享一个就js对象。js全局变量和静态变量都不行，其他苦逼的小农们就不要去强求了。而LZ又不想用cookie来存放，一是不安全，二个人喜好。最后发现一种超级方法来解决这个困扰，那就是用window.top['_CACHE']来存放这个变量，即可实现，不同Jsp页面直接的对象共享。
varshare={
/**
*跨框架数据共享接口
*@param{String}存储的数据名
*@param{Any}将要存储的任意数据(无此项则返回被查询的数据)
*/
data:function(name,value){
vartop=window.top,
cache=top['_CACHE']||{};
top['_CACHE']=cache;
returnvalue!==undefined?cache[name]=value:cache[name];
},
/**
*数据共享删除接口
*@param{String}删除的数据名
*/
removeData:function(name){
varcache=window.top['_CACHE'];
if(cache&&cache[name])deletecache[name];
}
};
下面贴上LZ的代码：
LZ的一个jsp页面为A.jsp，在A.jsp中点击一个按钮打开另一个B.jsp页面。LZ的思路如下：
在A.jsp打开B.jsp的事件中，写入如下代码：
window.top['_CACHE']=chatFrdList; window.top['_CACHE'][frdUserId]=frdUserId;
其中，chatFrdList定义为varchatFrdList=newObject();
frdUserId为一个用户的id。
那么，在B.jsp的一个事件中，就可以执行下面的操作：
<prename="code"class="javascript"style="margin-top:0px;margin-bottom:0px;padding:0px;font-family:'couriernew',courier,monospace">vare=document.getElementsByName("chatWindow");</pre><prename="code"class="javascript"style="margin-top:0px;margin-bottom:0px;padding:0px;font-family:'couriernew',courier,monospace">varkeyId=e[0].id;
deletewindow.top['_CACHE'][keyId];//关闭与该好友的聊天窗口时，将其从聊天表中移除</pre>
然后，LZ就可以在A.jsp的其他事件中操作window.top['_CACHE']了，这样便能实现多个JSP页面直接的js对象共享了。