javascript - onClick で localStorage を宣言できません

Question

以下のコードを処理できません。理由はわかりません。

<input type="button" value="Map" onclick="open_win(); localStorage.setItem("mapSelect", "map1");">

その特定のボタンを押したときに localStorage 変数を宣言したいと思います。これを別の方法で行うことはできますか？

Answer 1

コードが間違っています。二重引用符で囲まれた html 属性にも二重引用符があります。

HTML 文字を使用する :

<input type="button" value="Map" onclick="open_win(); localStorage.setItem(&quot;mapSelect&quot;, &quot;map1&quot;);">

または一重引用符を使用します。

<input type="button" value="Map" onclick="open_win(); localStorage.setItem('mapSelect', 'map1');">

onclickしかし、これを行う最善の方法は、属性内のコードを可能な限り少なくすることです。関数を記述し、onclick属性でそれのみを呼び出すことができます。

Answer 2

色分けされたエディターは、問題を明確に示します。一重引用符を使用するか、内側の引用符をエスケープします。

onclick="open_win(); localStorage.setItem("mapSelect","map1");"