笔记.javascript无法执行问题

转载于 2012-03-30 15:39:29 发布 · 439 阅读

文章标签：

#input #action #function #html #脚本

javascript 编程专栏收录该内容

7 篇文章

订阅专栏

本文通过一个具体的示例介绍了在JavaScript中定义的函数名称与HTML元素的属性名称发生冲突时导致的问题，并提供了相应的解决思路。

看下面一段代码：

<html>  
<head>  
<script type="text/javascript">  
 
    function pro(){   
        alert('2222');   
        return false;   
    }   
 
</script>  
 
</head>  
<body>  
<form action="" method="get" onSubmit="return pro();">  
<input type="text" name="pr1o" />  
<input type="submit" value="提交" />  
</form>  
</body>  
</html>  

<html>
<head>
<script type="text/javascript">

        function pro(){
                alert('2222');
                return false;
        }

</script>

</head>
<body>
<form action="" method="get" onSubmit="return pro();">
<input type="text" name="pr1o" />
<input type="submit" value="提交" />
</form>
</body>
</html>

单从语法的角度讲没有任何问题，可js脚本就是运行不起来。原因是html的元素中不能和js的方法名重名，这里text的name属性和js的函数名冲突了，所以会报错。

或者编码不同...额