使用Cookie未捕獲參考錯誤[javascript]

Question

我在插入文本字段以創建cookie時遇到問題。總會出現一些參考錯誤，但我無法弄清楚原因。與w3c相比，這似乎是一個非常簡化的版本，但它仍然無法工作。有誰知道爲什麼？

<div id='sandbox'> 

    </div> 
    Username: <input type='text' id='form'><br> 
    <button onclick="createCookie">Create a cookie</button> 
    <button onclick="displayCookie">Display the cookie</button> 

<script> 
var username = document.getElementById('form').value 

function createCookie(username) { 
document.cookie = "user" + "=" + username; 
} 

function displayCookie() { 
document.getElementById('sandbox').innerHTML = document.cookie; 
} 
</script> 

Answer 1

有幾個問題在這裏，讓我們把它分解

---

<node onclick="foo" /> 

可以被認爲是類似的，以

node.click = function() { 
    foo 
}; 

注意如何foo這裏不調用。您需要使用()或以不同方式附加它。

---

var bar = document.getElementById('form').value; 

將得到節點與IDform查找它的值屬性，然後取一個副本並將其命名爲bar。這將不會再改變，直到你做bar = ...

---

function fizz(bar) { 
    return bar; 
} 
fizz(); 

雖然bar可能有這個功能之前被定義，一個參數被命名爲bar隱藏了內fizz，因此bar內fizz只能是什麼作爲第一個參數傳遞，而不是來自更高範圍的bar。

---

var buzz = document.cookie; 

document.cookie並不如你所料，當您嘗試得到它一個簡單的屬性，你會真正被賦予每餅乾。