无法使用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");"