Question

现在，我有两个单独的页面，我希望能够在一个页面上点击一些内容，使另一页上的div标签中的图像可见。

这就是我使div标签不可见的方法。在另一页上，我有一个可点击的图像，我希望它使div可见。请帮忙吗？

Answer 1

您需要设置某种网络套接字。单击图像时，您将触发ajax请求，该请求将标志存储在数据库中。另一页将监听该标志，当它改变时，图像将变得可见/不可见。

Answer 2

如果第一页触发第二页打开，您可以使用javascripts window.open（）并传入要显示的内容

<!DOCTYPE html>
<html>

<body>

<p>Click the button to open a new window called "MsgWindow" with some text.</p>

<button onclick="myFunction()">Open window</button>

<script> 
    function myFunction() {
        var myWindow = window.open("", "MsgWindow", "width=600, height=300");
        myWindow.document.write("<p>This is 'MsgWindow'. I am 600px wide and 300px tall!</p><div>    <img src='http://www.jyte.com/wp-content/uploads/2013/11/google-hummingbird.jpg' alt='nothing' />    </div>");
    }
</script>

</body>

</html>

最好的选择是使用控制器，视图，模块和服务的Web应用程序，例如第一页控制器可以更新服务的角度，第二页面控制器将注入服务，因此当服务更改时更新范围然后更新视图。

其他选项将使用后端数据库和ajax来存储点击并让第二页检查数据库中的更新，然后更新页面，但这种方法实际上不实用（每秒运行一次ajax请求）

另一种选择是使用浏览器本地存储，（不是所有浏览器都支持）这里是一个链接 local storage

Answer 3

这样做的最简单方法是设置一个cookie（或将状态存储在浏览器本地存储中，但在任何地方都不可用），当您单击按钮并对其进行其他页面轮询时。

服务器端解决方案，如套接字或会话变量，看起来就像是在这里拍苍蝇的A-bomb，但这肯定会使你的酷因子提高几千点。

首先，这似乎是一个非常奇怪的设计，但你肯定有自己的理由......

如何在另一个页面上显示div？

3 个答案: