包含页面javascripts与外部页面冲突javascripts

Question

我的问题有点难以解释，但我会尝试。 我有2个jsp页面Outer.jsp和Inner.jsp

Outer.jsp

脚本：SRC = “tabs.js”

VAR PageTabs = “TAB1”

@包括 “Inner.jsp”

Inner.jsp

脚本：SRC = “tabs.js”

VAR PageTabs = “TAB2 TAB3〜〜TAB4”

两个JSP页面使用相同的tabs.js来渲染页面上的一些标签内容。 “PageTabs”变量是tabs.js使用的许多常用变量之一。因此，渲染时会发生什么，即使在渲染Outer.jsp的选项卡时，tabs.js也会使用最新的“PageTabs”变量，即我们的var PageTabs =“Tab2〜Tab3〜Tab4”。

注意：页面变量和tabs.js是从客户端接收到的标准元素的一部分。所以他们必须被用来为应用提供相同的外观和感觉。 我需要的是一种将“Inner.jsp”与访问“Outer.jsp”脚本隔离的方法。这将防止tab元素对使用哪些变量感到困惑。

我希望我有点清楚。请让我知道是否需要提供更多说明。谢谢。

Answer 1

JavaScript在页面内被自上而下地解释，因此您的第二个PageTabs值将覆盖第一个值。一种选择是为变量使用不同的名称（并参数化tabs.js函数，而不是依赖于全局变量）。