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");"