Question

我试图通过window.localstorage将一个字符串值从一个html传递到另一个html，但它似乎不起作用，这是我的代码：

index.html上有一个按钮：

<a href="./comer.html" onclick="passString("whatever")">

功能：

function passString(optionch){
    window.localStorage.setItem("option", "optionch");
}

然后在另一个html中我尝试接受该字符串：

<body onload="pruebaString()">
<ul>
 ....
<li id="testString">

功能：

function pruebaString(){
    document.getElementById("testString").innerHTML =
        window.localStorage.getItem("option");
}

但是li没有显示任何内容，我在Chrome控制台上没有任何错误。

感谢您的帮助！

Answer 1

行onclick="passString("whatever")"会导致问题使用单引号：onclick="passString('whatever')"。

同样.setItem("option", "optionch");应为.setItem("option", optionch);，因为您传递的是变量optionch而不是字符串optionch。

编辑：在您的脚本有机会执行之前，也可能会重定向该页面。尝试这样的事情：

<强> HTML

<a href="#" onclick="passString('whatever')">

<强> JS

function passString(optionch){
    window.localStorage.setItem("option", optionch);
    window.location.href = '**[pageyounavigateto]**';
}