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

要实现多个JSP页面共享一个JS对象的超级方法，可以使用以下步骤：

在JSP页面中引入公共的JS文件。

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

定义公共的JS对象，可以将它定义为全局变量。

var commonObj = {
  name: "Tom",
  age: 18,
  sayHello: function() {
    console.log("Hello, I'm " + this.name + ", " + this.age + " years old.");
  }
}

在各个JSP页面中调用公共JS对象的方法或属性。

commonObj.sayHello();

示例1：

common.js文件中定义了一个名字为commonObj的全局JS对象。在index.jsp页面中引入了common.js文件，并且调用commonObj对象的方法sayHello。在login.jsp页面同样也引入了common.js文件，并且调用commonObj对象的方法sayHello。

common.js文件内容：

var commonObj = {
  name: "Tom",
  age: 18,
  sayHello: function() {
    console.log("Hello, I'm " + this.name + ", " + this.age + " years old.");
  }
}

index.jsp页面内容：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Index Page</title>
    <script src="common.js"></script>
</head>
<body>
    <h1>Index Page</h1>
    <script>
        commonObj.sayHello();
    </script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Login Page</title>
    <script src="common.js"></script>
</head>
<body>
    <h1>Login Page</h1>
    <script>
        commonObj.sayHello();
    </script>
</body>
</html>

由于两个页面都引入了common.js文件，并且访问了commonObj对象的方法sayHello，因此运行这两个页面时都会打印出“Hello, I'm Tom, 18 years old.”。

示例2：

另外一个实现多个JSP页面共享一个JS对象的超级方法的示例是使用Cookie来实现。Cookie是保存在客户端的一种状态数据，在不同的页面访问时可以读取或者修改。可以将公共的JS对象保存在Cookie中，在各个页面中读取并使用。

首先，在common.js文件中将公共对象保存在Cookie中。

var commonObj = {
  name: "Tom",
  age: 18,
  sayHello: function() {
    console.log("Hello, I'm " + this.name + ", " + this.age + " years old.");
  }
}

document.cookie = "commonObj=" + JSON.stringify(commonObj);

然后，在各个页面中读取Cookie中的公共对象，并使用它。

var commonObj = JSON.parse(getCookie("commonObj"));
commonObj.sayHello();

通过这样的方式，可以在不同的页面中访问和使用同一个公共JS对象。

注意：为了避免Cookie被其他恶意代码修改，可以将Cookie的域名和路径设置为当前网站的路径。具体方法是设置Cookie时，添加domain和path属性。

document.cookie = "commonObj=" + JSON.stringify(commonObj) + "; domain=.example.com; path=/";

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：多个jsp页面共享一个js对象的超级方法 - Python技术站

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

相关文章