javascript - 我可以在 document.setcookie 中返回 document.getelementbyid 的值吗？

Question

<input type=button value='Do Stuff' onClick='document.cookie = "Note_<% Response.Write(arrTest(0,i)) %> = ' + (Document.getElementById("StuffTest<% Response.Write(arrTest(0,i)) %>").value) + '"'>

我想在这里做的是当用户点击按钮时，我想要一个使用以下值创建的 cookie:Note_(arrTest 的值)=(文本框的值)。

下面的代码工作得很好:

<input type=button value='Do Stuff' onClick='document.cookie = "Note_<% Response.Write(arrTest(0,i)) %> = Awesome!"'>

它创建一个 cookie，其值为:Note_(value of arrTest) = Awesome!

我在将文本框的值放入 cookie 中做错了什么？我假设它与所有那些令人困惑的单引号/双引号有关，所以我认为我只是错字盲，但我的一部分认为我实际上不能做我想在这里做的事情。

有什么想法吗？

Answer 1

document.getElementById有document全部小写。您的代码示例使用 Document (大写 D )，这将失败。

另外，您在 onClick 中的报价属性不太对。最好避免在这些属性中放置任何重要代码。相反，定义并调用一个函数，如下所示:

<input type=button
       value='Do Stuff'
       onClick='setCookie("<% Response.Write(arrTest(0,i)) %>);'>

...其中函数(在 <script> 标记内或在一个引用的文件中)如下所示:

function setCookie(name) {
    document.cookie = "Name_" + name + "=" + document.getElementById("StuffTest" + name).value;
}

取决于arrTest(0,i)的内容，您可能需要在输出时对其进行 HTML 编码，因为您将其输出为 HTML(是的，onXYZ 属性中的代码是 HTML，就像任何其他属性的值一样，例如 < 将需要是 < )。