在IE中，JS方法名和input的name重名时，调用该方法无效

在IE中，JS方法名和input的name重名时，调用该方法无效。提示：网页错误详细信息

用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Win64; x64; Trident/4.0; .NET CLR 2.0.50727; SLCC2; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
时间戳: Sat, 28 Jul 2018 10:12:51 UTC


消息: 对象不支持此属性或方法
行: 1677
字符: 1
代码: 0
URI:



以下代码你会发现点击提交reason方法根本就不调用。

<script>
    function reason(){
        alert("XXX")
    }
</script>
<form>
不通过原因：
<textarea name="reason"></textarea>
<button onclick="reason()">提交</button>
</form>

除了name属性外，id属性有同样的问题，以下代码reason方法也不能调用：

<script>
    function reason(){
        alert("XXX")
    }
</script>
<form>
不通过原因：
<textarea id="reason"></textarea>
<button onclick="reason()">提交</button>
</form>

解决办法：
别重名，改名字。

<script>
    function reason1(){
        alert("XXX")
    }
</script>
<form>
不通过原因：
<textarea name="reason"></textarea>
<button onclick="reason1()">提交</button>
</form>

以上问题目前只在火狐浏览器和midori浏览器上测试过，其他浏览器有没有同样的问题还有待考证。