javascript - 从 HTML 获取值并将其存储到变量

Question

我有以下代码:http://pastebin.com/61K2J9kR

谁能告诉我为什么该值没有存储到 dest_x 中？单击'GO!'按钮后，文本框中的输入应存储到dest_x中。

如有任何帮助，我们将不胜感激。

Answer 1

这可能是因为同一个元素上有两个 onclick 属性。

<INPUT id="btnMove" type="button" value="GO!" onClick="javascript:var t=setInterval('moveRight()', 80)" onClick="getValue()">

你应该只有一个:

<input id="btnMove" type="button" value="GO!" onclick="var t=setInterval('moveRight()', 80); getValue();">

您也不应该在 onclick 事件中使用 javascript: - 这是一种用于将 JavaScript 放置在 href 属性中的技术。

您还应该将 dest_x 的检索移至 moveRight 函数中:

function moveRight() {
    var dest_x = document.getElementById('txtChar').value;
    //...

请注意，它是 getElementById，而不是 getElementByID - JavaScript 区分大小写。

我已将这些更改包含在您的脚本的更新版本中:http://pastebin.com/aX6mXRhg

这些更改使一切正常运行 - 您稍后可能还需要考虑其他事情 - 但上述修复应该可以让您同时进行。

1. 确定函数和变量的范围
2. 在 JavaScript 中附加事件，而不是 HTML 属性
3. 避免使用eval