TA貢獻1876條經驗 獲得超7個贊
(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');
}
TA貢獻1813條經驗 獲得超2個贊
LocalStorage 將值永久存儲在客戶端。因此，當您單擊按鈕時，它將永遠改變值。下次打開瀏覽器時，您將看到更改后的值。因此，要在每次單擊時進行更改，您必須手動將“hello”替換為您希望在單擊按鈕時看到的文本
如果您不想每次都更改代碼，您可以在 page2.html 中獲取一個輸入字段并將該文本存儲在 localstorage 中，然后在另一頁中顯示它。
<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>
舉報