HTML 表单中的 onClick JavaScript 函数
Posted
技术标签:
【中文标题】HTML 表单中的 onClick JavaScript 函数【英文标题】:onClick JavaScript function inside HTML-form 【发布时间】:2012-11-01 02:03:39 【问题描述】:当它在 html 表单中时,我无法获得一个简单的按钮来工作,而当它不在 html 表单中时它可以正常工作。
此代码不起作用:
<head>
<script langauge="javascript">
function reset()
alert('test')
</script>
</head>
<body>
<form name="nyform">
<input type="button" value="Reset" onClick="reset()">
</form>
</body>
虽然这个是:
<head>
<script langauge="JavaScript">
function reset()
alert('test')
</script>
</head>
<body>
<input type="button" value="Reset" onClick="reset()">
</body>
这是什么原因,我该如何纠正?
谢谢
【问题讨论】:
也许改变你的函数的名字..我认为reset可能是一个保留字。 他是对的,reset() 是一个清除/清空表单字段的 JavaScript 函数。第二个示例可以正常工作,因为没有包装表单标签。 【参考方案1】:发生这种情况是因为函数reset()
在表单中具有不同的含义,并且您的自定义函数不会覆盖它。我将函数名称更改为reset2
,一切正常。
【讨论】:
非常感谢!它现在可以工作了,当时间限制过去时,我会给你信用:)以上是关于HTML 表单中的 onClick JavaScript 函数的主要内容,如果未能解决你的问题,请参考以下文章
用JS实现一个表单多个按钮的方法,两个onclick事件处理
如何在html标签“必需”和javascript“onClick”之间排序顺序