多个jsp页面共享一个js对象的超级方法

来源:爱站网时间:2019-09-16编辑:网友分享
我们在开发项目的时候都会遇到这样或者那样的问题,两个js页面共享一个js对象,js全局变量和静态变量都不好,下文是爱站技术频道小编提供的专业知识,请随我一起去具体了解一下吧。

我们在开发项目的时候都会遇到这样或者那样的问题,两个js页面共享一个js对象,js全局变量和静态变量都不好,下文是爱站技术频道小编提供的专业知识,请随我一起去具体了解一下吧。

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对象共享了。

以上就是多个jsp页面共享一个js对象的超级方法,相信大家都了解了吧?如果你还想了解更多JSP编程的知识,请随时关注爱站技术频道!

上一篇:ssh项目环境搭建的五个步骤

下一篇:JSP如何实现简单分页

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载