码迷,mamicode.com
首页 > Web开发 > 详细

多个jsp页面共享一个js对象

时间:2014-06-25 06:44:55      阅读:253      评论:0      收藏:0      [点我收藏+]

标签:javascript

今天,在项目中遇到一个问题,两个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的一个事件中,就可以执行下面的操作:

var e = document.getElementsByName("chatWindow");
var keyId = e[0].id;
delete window.top[‘_CACHE‘][keyId];// 关闭与该好友的聊天窗口时,将其从聊天表中移除
然后,LZ就可以在A.jsp的其他事件中操作window.top[‘_CACHE‘]了,这样便能实现多个JSP页面直接的js对象共享了。

多个jsp页面共享一个js对象,布布扣,bubuko.com

多个jsp页面共享一个js对象

标签:javascript

原文地址:http://blog.csdn.net/gisredevelopment/article/details/34119825

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!