javascript - 我可以在更改页面时更改脚本中的类名吗

Question

大家好，
我有个问题。我写了一个非常广泛的脚本来将我的 body 背景从特定于页面的背景图像更改为其他背景图像。供引用:

我的“mypage.html”在 default 样式表中定义了默认背景 class='image1'。
我已经编写了一个脚本来将其更改为 class='image10' 或 class='image11'，它们在 persistent 样式表中定义。 (相信我，这是简短的版本，但是这部分工作......好吧，即将开始。这里没有问题。)
我的'otherpage.html'有一个默认的背景class='image2'定义在default 样式表，我希望能够将其更改为 persistent 样式表中的相同“image10”和“image11”。
两个默认背景在 alternate 样式表中有多个不同颜色的版本...更改样式表和 class='image1' 链接到另一个版本的图像。
所有这些都由特定于页面的 cookie 指导出色地。这使得找到解决方案变得非常重要，否则我将不得不为每个页面设置 cookie。我觉得这是 Not Acceptable 。
我的问题是，我是否必须将整个脚本复制/粘贴到我的“otherpage.html”并将所有“image1”更改为“Image2”，或者是否有javascript 的方式如下:

if(HTML = 'otherpage.html') {
   (".image1" = ".image2")
}

请原谅我非常业余的脚本。我已经看了一遍，但我什至不知道如何搜索这个...希望有人能提供帮助，否则复制/过去就是 ;)

Answer 1

你可以在这里使用这个小脚本

var currentPage =  window.location.pathname;

if (currentPage == "/somepage.html") {
   // change the body class name
   document.getElementsByTagName("body")[0].className = "image2";
}

如果要测试多个页面，可以使用 switch 语句。