我的 HTML 页面中有以下 JavaScript 引用页面上的 HTML 表单:
<script type="text/javascript">
<!--
var myForm = document.myForm;
function validateForm() {
if (myForm.myInput == "")
alert("Please input some text.");
return false;
}
myForm.submit();
}
function showFormInput() {
myForm.reset();
document.getElementById('myInput').style.display = 'inline';
}
//-->
</script>
...
<form name="myForm" id="myForm" action="..." method="post">
<input id="myInput" name="myInput" type="text" value="" style="display:none;" />
</form>
尝试访问变量时,这两个函数都抛出异常myForm
,说“myForm 为空或不是对象”。为什么会出现这种情况?
更新:我想我从中收集到的一件事是全局变量通常应该用于字符串文字 - 而不是 DOM 中的元素。我将继续这样做,并谨慎使用元素变量,并且仅在加载 DOM 之后。