javascript - 使用来自不同页面的功能更改页面上的某些内容

Question

我正在尝试建立一个网站，用于在不同的框架上投影图像。虽然，我能够在不同的框架中更改内容（图像/文本），但我需要了解我是否可以在不同的网页中更改相同的内容。

设想

Page_1 在上传到 mysql 数据库时具有不同图像的提要。例如图像1、图像2、图像3。

Page_2 有一个大图像 (main_image)

问题 我需要编写一个函数，当我单击 Page_1 上的 image1 时，将 Page_2 上的 main_image 更改为 image1。我使用父母功能跨框架做到了这一点。

Page 1                Page 2

--------------      ------------
|             |     | image1   |
| main_image  |     | image2   |
|             |     | image3   |
---------------     ------------

当用户点击 Page_2 上的 image1 时，输出应该是 -

Page 1                Page 2
--------------      ------------
|             |     | image1   |
| image1      |     | image2   |
|             |     | image3   |
---------------     ------------

另外，如果 Page_1 和 Page_2 显示在不同的计算机上，是否有可能？

Answer 1

如果您使用 javascript 从第一个窗口打开第二个窗口，则可以使用返回的对象在打开的窗口中调用 javascript 函数。

伪代码示例，在 window1.html javascript 中：

var w = window.open("/window2.html");
w.showDifferentPic();

在 window2.html 中的 JavaScript：

function showDifferentPic() {
    // show picture;
}

显然，这只适用于单个客户。

可以跨客户进行，但这完全是另一回事。

Answer 2

在不同的计算机上是不可能的，但是window.open()当你点击图片 1 时，你可以打开下一页。