多个jsp页面共享一个js对象的超级方法
2014-06-25 00:00
756 查看
今天,在项目中遇到一个问题,两个js页面要共享一个就js对象。js全局变量和静态变量都不行,其他苦逼的小农们就不要去强求了。而LZ又不想用cookie来存放,一是不安全,二个人喜好。最后发现一种超级方法来解决这个困扰,那就是用window.top['_CACHE']来存放这个变量,即可实现,不同Jsp页面直接的对象共享。
下面贴上LZ的代码:
LZ的一个jsp页面为A.jsp,在A.jsp中点击一个按钮打开另一个B.jsp页面。LZ的思路如下:
在A.jsp打开B.jsp的事件中,写入如下代码:
其中,chatFrdList定义为var chatFrdList = new Object();
frdUserId为一个用户的id。
那么,在B.jsp的一个事件中,就可以执行下面的操作:
然后,LZ就可以在A.jsp的其他事件中操作window.top['_CACHE']了,这样便能实现多个JSP页面直接的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对象的超级方法
- window.top[_CACHE]实现多个jsp页面共享一个js对象
- window.top[_CACHE]实现多个jsp页面共享一个js对象
- 多个jsp页面共享一个js对象
- jsp页面之间如何传递一个js对象
- 找了一个在JSP页面滚动播放新闻的JS方法感觉不错。
- 多种方法实现当jsp页面完全加载完成后执行一个js函数
- 所有对象共享一个方法吗?
- js在html文件中调用ActiveXObject对象成功,在jsp页面调用错误问题
- 求类的对象之间,不同类的对象之间如果共享一个对象的方法
- js传汉字在UTF-8标准的JSP页面中乱码的解决方法
- struts中把后台对象传到前台jsp页面上的方法
- js声明数组、对象在jsp页面中(获得ajax得到json数据)
- 一个创建XMLHttpRequest对象的js文件(适用asp,php,jsp,asp.net等)
- jsp页面不执行当前页面的js方法
- 使用js写点击一个事件使页面返回顶部以及控制一个元素在右下角的固定位置的方法
- 为JS脚本中String对象扩展一个静态Format()方法
- 在页面里JS代码里onclick去调用后台文件中的一个方法
- 介绍几个jsp页面传对象的方法
- 同一个用户在不同页面共享数据的常用方法