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

实现多个JSP页面共享一个JS对象，可以通过在不同的JSP页面中引入同一个JS文件来实现，但是如果需要在这些JSP页面通过JS互相访问/修改同一个对象，就需要使用window.top[_CACHE]机制。

下面是具体的实现步骤：

步骤1：定义一个全局的JS对象

在你的JS文件中，定义一个全局对象，例如：

var mySharedObject = {
  counter: 0,
  increment: function() {
    this.counter++;
  }
};

步骤2：定义一个全局变量来保存这个JS对象

在你的JS文件中，定义一个全局变量来保存你的JS对象，例如：

var _CACHE = '_mySharedObjectCache';
if (!window.top[_CACHE]) {
  window.top[_CACHE] = mySharedObject;
}

步骤3：在不同的JSP页面中引入同一个JS文件

在你的不同的JSP页面中，引入相同的JS文件，例如：

<script src="mySharedObject.js"></script>

步骤4：在不同的JSP页面中使用保存在全局变量中的JS对象

在你的不同的JSP页面中，可以使用保存在全局变量中的JS对象，例如：

window.top[_CACHE].counter; // 获取计数器的值
window.top[_CACHE].increment(); // 增加计数器的值

注意，这里需要使用window.top[_CACHE]，而不是直接使用mySharedObject，因为不同的JSP页面在同一个窗口中，需要通过window.top来访问跨域的JS对象。

示例说明1：在JSP页面中显示计数器的值

在你的一个JSP页面中，可以使用以下代码来显示计数器的值：

<script>
  var count = window.top[_CACHE].counter;
  document.write('当前计数器的值为：' + count);
</script>

示例说明2：在JSP页面中增加计数器的值

在你的另一个JSP页面中，可以使用以下代码来增加计数器的值：

<script>
  window.top[_CACHE].increment(); // 增加计数器的值
</script>

通过上述四个步骤，你的多个JSP页面就可以共享同一个JS对象了。注：如果你需要在多个不同的窗口中共享JS对象，可以使用window.opener和window.parent来实现。