搜索

首页  >  问答  >  正文

javascript - 点击一个页面按钮在另一个页面显示文本

我想点击一个页面的按钮,然后在另一个页面的p元素内显示文本,两个页面都引入和js,请问怎么才能成功?

世界只因有你世界只因有你2769 天前737

全部回复(4)我来回复

  • 巴扎黑

    巴扎黑2017-05-19 10:30:21

    根据你的描述,应该是两个同域(相同的协议、主机名、端口)的网页进行通讯,这样的话就可以通过 h5 的 localStorage 来实现。不需要通过服务端。

    1、当 a 页面的按钮点击之后,设定一对新的 localStorage 值。

    $("#in").click(function(){
        localStorage.setItem("setText","hello")
    })

    2、在 b 页面监听 window 的 storage 事件。当这个事件被触发,说明存储数据变化了,通过 event 事件对象的 key 属性判断变化的键值,如果是我们设定的 setText,就可以给 $("#out") 设置内容了。

    window.addEventListener("storage",function(e){
        if(e.key=="setText"){
            var text=localStorage.getItem("setText")
            $("#out").text(text);
        }
    });

    因为 b 页面监听的是 storage 事件,刷新页面之后,如果 a 页面点击时候设置的 setText 值还是原来的值的话,这个事件就不会被触发。要想让 b 页面刷新后的这个元素仍然显示刚刚设置的值,还应该在 b 页面添加一个判断:

    if(localStorage.getItem("text")){
        h.innerText=localStorage.getItem("text")
    }

    有什么问题的话,希望可以探讨一下。

    回复
    0
  • 黄舟

    黄舟2017-05-19 10:30:21

    如果是iframe的话,使用postMessage

    如果是两个单独网页的话,要在服务端做一个转发,A页面发送数据,服务器存入数据库,B页面做一个轮询,查询数据是否有变化,有变化则更新数据

    回复
    0
  • 淡淡烟草味

    淡淡烟草味2017-05-19 10:30:21

    postMessage

    回复
    0
  • 世界只因有你

    世界只因有你2017-05-19 10:30:21

    没看懂你的需求,大胆猜测题主需要的是websock

    回复
    0
  • 取消回复