ローカルストレージからアイテムを取得し、htmlページで使用します

Question

javascriptを使用してローカルストレージにユーザー名情報を保存しました。その結果、ユーザーがログインすると、ユーザー名がプロファイルページに表示されます。私の問題は、ローカルストレージからユーザー名を取得し、htmlページに書き込む方法がわからないことです。 は、これまでのところ、私はこれがあります。

function user(){ 

    document.write(localStorage.getItem("name1"); 
} 

このコードは動作していないと私はそれを動作させる方法がわかりません。

Answer 1

..あなたのために有用であろうキーが実際にかかわらず、存在する場合

<div id="test"></div> 

は、あなたが最初にそうように、チェックしたいかもしれません：

if (localStorage.getItem("name1") != null) { 
    document.getElementById("test").innerHTML = localStorage.getItem("name1"); 
} 

Answer 2

これはおそらく役に立ちます。

function getUser(){ 
    name = localStorage.getItem("name"); 
    if (name == null || name == "null"){ 
     alert("Howdy, Stranger!"); 
     name = prompt("Who are you?"); 
     localStorage.setItem("name", name); 
    } else { 
     alert ("Hi, " + name + "!"); 
    } // end getUser 
    } // end function 

Answer 3

if (typeof (localStorage.getItem("name1")) != null && (localStorage.length != 0)) { 
var name1= localStorage.getItem("name1"); 
} 
else { 
alert("local storage kills"); 
} 

上記のコードでは、既存のHTML要素、例えばに値を割り当てる必要が