第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

使用JS從另一個(gè)頁(yè)面更改主頁(yè)上div元素的內(nèi)容

使用JS從另一個(gè)頁(yè)面更改主頁(yè)上div元素的內(nèi)容

慕田峪7331174 2022-12-29 10:36:41
(main.html)<div>    Any Text Here</div>(page2.html)<button class="home" onclick="change()">Home</button>(page2.js)function change(){  //From here, how can I change div content on main.html   }我希望當(dāng)我單擊此按鈕時(shí)，應(yīng)該更改 main.html 上的內(nèi)容。我也嘗試過(guò)使用 localStorage 但對(duì)我沒(méi)有用...請(qǐng)回答這個(gè)問(wèn)題幫助我??！
查看完整描述

2 回答

?
幕布斯6054654

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超7個(gè)贊

(main.html)


<div id="content">

    Any Text Here

</div>

(main.js)


document.addEventListener('DOMContentLoaded', function(){

   const contentDiv = document.getElementById('content');

   const data = sessionStorage.getItem('data');

   if(data){

       contentDiv.innerHTML = data;

   }

});

(page2.html)


<button class="home" onclick="change()">Home</button>

(page2.js)


function change()

{

  sessionStorage.setItem('data', 'some value');

}


查看完整回答
反對(duì) 回復(fù) 2022-12-29
?
慕姐8265434

TA貢獻(xiàn)1813條經(jīng)驗(yàn) 獲得超2個(gè)贊

LocalStorage 將值永久存儲(chǔ)在客戶(hù)端。因此，當(dāng)您單擊按鈕時(shí)，它將永遠(yuǎn)改變值。下次打開(kāi)瀏覽器時(shí)，您將看到更改后的值。因此，要在每次單擊時(shí)進(jìn)行更改，您必須手動(dòng)將“hello”替換為您希望在單擊按鈕時(shí)看到的文本


如果您不想每次都更改代碼，您可以在 page2.html 中獲取一個(gè)輸入字段并將該文本存儲(chǔ)在 localstorage 中，然后在另一頁(yè)中顯示它。


<div id="page1">

    Any Text Here

    

</div>

<script>

    document.getElementById("page1").innerHTML=localStorage.getItem("page2");

</script>

<button id="home" class="home" onclick="change();">Home</button>


<script>

function change()

{

  //From here, how can I change div content on main.html  

 x="hello";

 localStorage.setItem("page2", x);

}

</script>


查看完整回答
反對(duì) 回復(fù) 2022-12-29
  • 2 回答
  • 0 關(guān)注
  • 146 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)