javascript - 未捕获的引用错误 : getName is not defined

Question

Chrome 中的 Inspect 元素一直告诉我 getName 未定义？这是在 html 中调用 getName 的地方:

<a id="nameGet" onclick="getName();" style="color: blue; white-space: nowrap;font-size: small; position: absolute; top: 30px; left: 55px;"><u>Edit Profile</u></a>

这就是我定义(所以我相信)getName 的地方。这是在

function getName () {
   name = prompt("Full Name: ");
   document.getElementById("pname").innerHTML = name;
   document.getElementById("nameGet").style.fontSize = "small";
   document.getElementById("postName1").innerHTML = name;
   document.getElementById("postName1").style.textDecoration = "bold";
}

任何帮助将不胜感激!

Answer 1

嗯，这是一个 fiddle :http://jsfiddle.net/Lng9j9nq/ (哎呀 - 不)

这是一个包含 HTML 的 fiddle :http://jsfiddle.net/Lng9j9nq/1/ (作品)

这是一支笔:http://codepen.io/anon/pen/mJEYEo (作品)

所以， fiddle 一定面临一些问题。然后我将以下函数粘贴到控制台中:

function getName() {
  name = prompt("Full Name: ");
  document.getElementById("pname").innerHTML = name;
  document.getElementById("nameGet").style.fontSize = "small";
  document.getElementById("postName1").innerHTML = name;
  document.getElementById("postName1").style.textDecoration = "bold";
}

然后，我从控制台 getName() 调用该函数。它与控制台一起使用。所以，这不是你的代码，而是 JSFiddle。 您的代码有效。