亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

點擊一個頁面按鈕在另一個頁面顯示文本

點擊一個頁面按鈕在另一個頁面顯示文本

MMTTMM 2018-11-22 16:13:40
我想點擊一個頁面的按鈕,然后在另一個頁面的p元素內顯示文本,兩個頁面都引入和js,請問怎么才能成功?
查看完整描述

1 回答

?
慕容森

TA貢獻1853條經驗 獲得超18個贊

根據你的描述,應該是兩個同域(相同的協議、主機名、端口)的網頁進行通訊,這樣的話就可以通過 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")}

有什么問題的話,希望可以探討一下。


查看完整回答
反對 回復 2018-12-10
  • 1 回答
  • 0 關注
  • 1487 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號