2つの異なるhtmlでlocalStorageを呼び出す方法は？

-3

私はサインアップとログインhtmlを作成しようとしています。ユーザーがSignUp.htmlでデータを入力すると、localStorageとして保存され、LogIn.htmlで入力されたデータがSignUp.htmlで入力されたデータと等しくない場合、確認されません。しかし何らかの形で機能に何か問題があります。誰か助けてくれますか？私はまだここで2つの異なるhtmlでlocalStorageを呼び出す方法は？

をJSに新しいですSignUp.html

<!DOCTYPE html> 
<html> 
    <head> 
    <script src = "JS.js"></script> 
    </head> 
    <body> 
    <form> 
    <input id="usernameS"></input> 
    <button onclick="confirmInput()" type="button">SignUp</button> 
    </form> 
    </body> 
</html>

とlogin.htmlと

<!DOCTYPE html> 
<html> 
    <head> 
    <script src = "JS.js"></script> 
    </head> 
    <body> 
    <form> 
    <input id="usernameL"></input> 
    <button onclick="LogInput()" type="button">LogIn</button> 
    </form> 
    </body> 
</html>

ここでは、JS

var x = "document.getElementById('usernameS')"; 
    localStorage.setItem("usernameS", x); 
    var y = "document.getElementById('usernameL')"; 
    localStorage.setItem("usernameL", y); 

    function confirmInput() { 
    alert("Welcome " + usernameS.value + ". You are now registered."); 
    window.location.replace('LogIn.html'); } 

    function LogInput(x,y) { 
    if (x==y) 
    {unsernameS = document.forms[0].usernameL.value; 
    alert("Welcome " + usernameL.value + "! You just logged in.");} 
     else if (x!=y) 
     alert("Username not recognized");}

出典

2017-02-18 Jay

同じ起点で読み込まれた別々の 'window's間で通信するために' storage'イベントを使用できます[共有Webワーカーのワーカーを読み込むメカニズムは変更できますか？]（http://stackoverflow.com/questions/38938039/can-the-mechanism-that-loads-worker-in-shared-web-workers-be-modified /）、[他のページのJavaScriptセッション格納変数]（http://stackoverflow.com/questions）も参照してください。/38034647/javascript-session-storage-variable-on-another-page） – guest271314

は、あなたの中の少なくとも修正タイプミスですコード{unsernameS = document.forms [0] .usernameL.value;

出典

2017-02-18 04:35:55 Janne

2つの異なるhtmlでlocalStorageを呼び出す方法は？

答えて

関連する問題