JavaScript 不适用于 Chrome 和 Xampp！答案

【问题标题】：JavaScript not working with Chrome & Xampp!JavaScript 不适用于 Chrome 和 Xampp！
【发布时间】：2011-03-01 12:56:21
【问题描述】：

我已经尝试了几个小时来弄清楚为什么 JavaScript 不能工作。代码有效，但无论如何都在这里。

<script type="text/javascript">
function change(text)
{
document.f1.ta.value="Hi!";
}
</script>
<form name="f1">
<input type="textarea" id="ta"/>
<input type="button" action='change("Hi!")'/>
</form>

当我单击按钮时，它什么也不做。当我写“document.f1.ta.value="Hi!";”在 Chrome 的检查器控制台中，它可以工作。我正在使用 XAMPP（适用于 Windows）1.7.3 Windows 7 Ultimate。

【问题讨论】：

标签： javascript html localhost xampp

【解决方案1】：

您的按钮正在使用“动作” - 对于元素本身应该是“onclick”..

和/或

document.f1.ta.value="嗨！";失败了……试试

function test() {
   alert('test');
}

并添加

<button onclick="test();">Test</button>

到你的身体

【讨论】：

哦，是你，不是 CMS。不过谢谢！ :D

【解决方案2】：

两件事：

您在按钮上指定了action 属性，我认为您正在寻找onclick 内在事件：

<input type="button" onclick='change("Hi!")'/>

(DOM0) 访问表单和表单元素的标准方式是：

function change(text) {
  document.forms[0].elements.ta.value = text;
}

查看示例here。

【讨论】：

非常感谢！ onclick起作用了。我不需要做“表单[“*”]”和元素。非常感谢！

【解决方案3】：

这不是访问元素的标准方式。使用document.getElementsByName 或document.getElementById。

document.getElementById("ta").value="Hi!";

正如 CMS 所述，您还需要 onclick 作为按钮。

【讨论】：

我试过这种方式，但没有奏效。不过现在可以了，这要感谢 CMS。 (:
@Anon, getElementById 应该可以工作。您是否也更正了onclick？
是的，我就是这么说的。在我执行 CMS 建议的 onclick 后，它起作用了。 :P