Javascript 我如何记录按下的链接？

（我不想在这里添加代码，因为需要解释的代码块非常大。）

简单来说，我有：

• 一个页面上有2x2的图像网格（我们称之为images.html）
• 一个使用CSS3和HTML5制作的全屏图像库页面（我们称之为gallery.html）
• 一个样式表，为网站中除图库之外的每个页面的各个方面设置样式（我们称之为main styles.css）
• 还有一个只设置gallery.html样式的样式表（我们称之为gallery styles.css）

2x2网格（images.html）中的图像需要使用gallery-styles.css打开相同的gallery.html。唯一的区别应该是全屏画廊显示的图像范围

因此，对于images.html上的一个图像，它可能会在gallery.html中显示3个图像。但是对于images.html中的另一个图像，它可能会在gallery.html中显示4个完全不同的图像

我遇到的问题是如何跟踪images.html中单击的图像链接，以便在gallery.html中显示不同范围的图像。

gallery-styles.css有一个定位为全屏的div，然后有一个图像列表，例如可以浏览的不同图像的“image1{background image:url（../images/1.jpg）}”（gallery.html中的左键和右键可点击箭头）。HTML将单独使用每个图像，但使用相同的内容持有者，例如

<div class="image-1 holder">

如何为images.html中的每个图像使用相同的gallery.html和gallery-styles.css文件？我并不完全反对JavaScript，但我已经用CSS3和HTML5走了这么远，如果有可能继续这样做的话。是否有可能使用输入元素的方法

---

任何帮助都很好，谢谢。

为此，我认为最简单的方法是使用。当您单击发送到

gallery.html

的第一个图像时，而不仅仅是打开常规副本，请打开例如

gallery.html？image1

。然后在JavaScript中，当页面加载后，您可以将其作为类添加到

或其他节点，并从CSS执行其余操作

window.addEventListener(
“加载”，
函数（）{document.body.className+=''+window.location.search.slice（1）}
);

您现在可以使用，例如

body>genericNodes{display:none；}
body.image1>someNode{display:block；}
/*等*/

---

纯CSS的另一种选择是使用散列，然后使用，但这意味着您失去了在页面中使用锚的能力。i、 e.打开

gallery.html#image1

并

#图像1、#图像2、#图像3、#图像4{显示：无；}
：target{display:block！important；}
/*等*/

使用表单的某些节点

---

有两种方法可以处理来自页面的信息：客户端脚本（JS）和服务器端脚本（PHP或类似），除非您有大量手动编码的html页面，您可以加载相应的链接

鉴于此，您可以直接从链接链接到硬编码页面，我假设您已经想到了

或者，以

http://myserver.asdf/gallery.php?linkid=12&someotherparam=somevalue

在这种情况下，您可以在服务器端捕获这些参数，并生成包含所需图像的页面。 在php中，所有参数都可以在

$\u REQUEST

数组中找到

这回答了你的问题吗