使用其他页面中的功能更改页面上的内容

Question

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

方案

PAGE_1 在将它们上传到mysql数据库时，有一个不同图像的源。 例如image1，image2，image3。

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

在不同的计算机上是不可能的，但是当您单击图像1时，使用window.open()可以打开下一页。