JavaScriptでのLocalStorageの例のほうが便利です。

Question

これについても同様の質問がありますが、ユーザが1ページにデータを挿入するときにlocalStorageを使用する方法を最も簡単に説明できますか？このデータは別のファイルで使用する必要があります。例えば

我々が持っているregistration.htmlに：

cabinet.htmlで

<input name="name" type="text" id="firstname"> <input type="button" value="OK" > 

私が見たい：

こんにちは、inputed名

私がする必要がありますJavaScriptを使用して実装します。

Answer 1

クライアントストレージには2つのオプションがあります。 LocalStorageとSessionStorageです。

LocalStorage.setItem("name", "John Doe"); 
LocalStorage.getItem("name"); 
SessionStorage.setItem("name", "John Doe"); 
SessionStorage.getItem("name"); 

：違いは

使い方セッションが閉じ（例えば、ブラウザが閉じた）とき、WebブラウザのデータがクリアされたときのlocalStorageは（など、例えばクッキー）をクリアしているのに対してのsessionStorageがクリアされていることであることこれらはどのページでも動作します。たとえば、あるページで 'setItem'を使用し、別のページで 'getItem'を使用できます。

詳細： [https://www.w3schools.com/html/html5_webstorage.asp][1]

Answer 2

registration.html：

<form id="registration-form"> 
    <input name="name" type="text" id="firstname" /> 
    <input type="submit" /> 
</form> 
<script type="text/javascript"> 
    document.getElementById('registration-form') 
    .addEventListener('submit', function (event) { 
     event.preventDefault(); 
     localStorage.setItem('name', document.getElementById('firstname').value); 
    }); 
</script> 

cabinet.html：

<div> 
    Hello, <span id="name" /> 
</div> 
<script type="text/javascript"> 
    document.getElementById('name').textContent = localStorage.getItem('name'); 
</script>