清晨，是一个愿望，一个期望。不论昨日怎样困苦，总会看见太阳的升起；不论昨日怎样失落，总会具有今天的期望。大地因有绿色，而朝气蓬勃；天空因有云朵，而神采奕奕；人生因有愿望，而充溢动力。不怕每天迈一小步，只怕停滞不前。早安！
今天，在项目中遇到一个问题，两个js页面要共享一个就js对象。js全局变量和静态变量都不行，其他苦逼的小农们就不要去强求了。而LZ又不想用cookie来存放，一是不安全，二个人喜好。最后发现一种超级方法来解决这个困扰，那就是用window.top['_CACHE']来存放这个变量，即可实现，不同Jsp页面直接的对象共享。
var share = {
/**
* 跨框架数据共享接口
* @param {String} 存储的数据名
* @param {Any} 将要存储的任意数据(无此项则返回被查询的数据)
*/
data: function (name, value) {
var top = window.top,
cache = top['_CACHE'] || {};
top['_CACHE'] = cache;
return value !== undefined ? cache[name] = value : cache[name];
},
/**
* 数据共享删除接口
* @param {String} 删除的数据名
*/
removeData: function (name) {
var cache = window.top['_CACHE'];
if (cache && cache[name]) delete cache[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定义为var chatFrdList = new Object();
frdUserId为一个用户的id。
那么，在B.jsp的一个事件中，就可以执行下面的操作：
<pre name="code" class="javascript" style="margin-top:0px; margin-bottom:0px; padding:0px; font-family:'courier new',courier,monospace">var e = document.getElementsByName("chatWindow");</pre><pre name="code" class="javascript" style="margin-top:0px; margin-bottom:0px; padding:0px; font-family:'courier new',courier,monospace">var keyId = e[0].id;
delete window.top['_CACHE'][keyId];// 关闭与该好友的聊天窗口时，将其从聊天表中移除</pre>
然后，LZ就可以在A.jsp的其他事件中操作window.top['_CACHE']了，这样便能实现多个JSP页面直接的js对象共享了。
到此这篇关于window.top[_CACHE]如何实现多个javascriptp页面共享一个javascript对象就介绍到这了。你永远不知道自己有多坚强，直到有一天你除了坚强再无选择。是你的，就是你的。我们努力了，珍惜了，问心无愧。其他的，交给命运。撑不住的时候，可以对自己说声：我好累，但永远不要在心里承认说：我不行。更多相关window.top[_CACHE]如何实现多个javascriptp页面共享一个javascript对象内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！
