欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

window.top[_CACHE]实现多个jsp页面共享一个js对象

程序员文章站 2023-10-27 22:42:10
今天,在项目中遇到一个问题,两个js页面要共享一个就js对象。js全局变量和静态变量都不行,其他苦逼的小农们就不要去强求了。而lz又不想用cookie来存放,一是不安全,二...

今天,在项目中遇到一个问题,两个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对象共享了。