javascript - 将字符串从一个 html 传递到另一个 html

我试图通过 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 控制台上没有收到任何错误。

感谢您的帮助!

最佳答案

行 onclick="passString("whatever")" 将导致问题，请使用单引号代替:onclick="passString('whatever')"。

另外 .setItem("option", "optionch"); 应该是 .setItem("option", optionch); 因为您传递的变量 optionch 不是字符串选项。

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

HTML

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

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

关于javascript - 将字符串从一个 html 传递到另一个 html，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14854138/