您的位置:首页 > Web前端 > JavaScript

javascript中命名陷阱

2015-08-03 19:00 746 查看
<html>
<head>
<title>Window弹窗案例</title>
</head>

<body>
用户编号:<input type="text" id="id" /><br />
用户姓名:<input type="text" id="name" /><br />
<input type="button" onclick="click()"  value="选择"/>
</body>
<script type="text/javascript">
function click()
{
alert("aaaaaa");
}
</script>
</html>

上面的例子中,无论怎么点击按钮都没反应(至少我的几个浏览器都没反应),

当我把javascript中的方法名改为clickMe后,一切正常!

<html>
<head>
<title>Window弹窗案例</title>
</head>

<body>
用户编号:<input type="text" id="id" /><br />
用户姓名:<input type="text" id="name" /><br />
<input type="button" onclick="clickMe()"  value="选择"/>
</body>
<script type="text/javascript">
function clickMe()
{
alert("aaaaaa");
}
</script>
</html>


综上所述,javascript的命名需要时刻注意,有时候问题是由于函数名的命名出了问题。

虽然这是一个很小的问题,但对于不知道的人来说就是大问题(本人找了一个小时才发现是这个问题)。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: