错误“功能预期”在IE中：'< input onclick =" start（）;" ...' [英] Error "Function expected" in IE : '<input onclick="start();" ... '
问题描述
有一段HTML代码：
< input onclick =start（）; type =buttonvalue =Start！/>
在Firefox和Chrome中，它会调用 start 单击。但是，在IE9中，它会产生错误消息： SCRIPT5002：函数预期。然后我尝试了几种不同的情况：
<！DOCTYPE html>
< html>
< head>
< / head>
< body>
< script>
函数start（）{
alert（Let's start）;
function stop（）{
alert（Let's stop）;
}
< / script>
< input onclick =start（）; type =buttonvalue =Start！/>< br /> <！ - 失败：主要问题 - >
< span onclick =start（）;>开始！< / span>< br /> <！ - 工作 - >
< input onclick =stop（）; type =buttonvalue =停止！/>< br /> <！ - 工作 - >
< input onclick =start（）; type =textvalue =Start！/>< br /> <！ - 失败 - >
< input onmouseover =start（）; type =buttonvalue =Start！/>< br /> <！ - 失败 - >
< / body>
< / html>
- 原始案例：失败（这就是我来这里的原因。）
- 使用
span而不是input：成功 - 使用另一个函数名称：Success
- 使用其他类型：失败
- 使用
onmouseover而不是onclick：失败
我用调试器，它说 start 是 function start（）{alert（Let's start）;} 。然后我使用 alert（start），它表示 fileopen 。
作为测试3的结果，我可以通过更改名称轻松解决问题，但是我想知道为什么会在某些情况下发生此错误，但在其他情况下未发生此错误。 Edit：或者是下一个最好的东西，其他解决方法，而不改变名称。
> document.createElement（input）。start b $ bfileopen
在元素的内联事件处理程序，该元素的所有属性都可用作顶级变量。就好像内联代码在 中运行（（ thisParticularElement） 块（其中 thisParticularElement 显然是具有侦听器的元素）。因此，在内联事件代码的上下文中，变量 start 引用元素的 start 属性，它是一个字符串，而不是函数。
只需更改函数名称，或明确使用 window.start 。
There is a piece of HTML:
<input onclick="start();" type="button" value="Start!"/>
In Firefox and Chrome it invokes start on click. However in IE9 it produces the error message: SCRIPT5002: Function expected. Then I tried several different cases:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
function start(){
alert("Let's start");
}
function stop(){
alert("Let's stop");
}
</script>
<input onclick="start();" type="button" value="Start!"/><br/> <!-- Failed : the main issue -->
<span onclick="start();">Start!</span><br/> <!-- Work -->
<input onclick="stop();" type="button" value="Stop!"/><br/> <!-- Work -->
<input onclick="start();" type="text" value="Start!"/><br/> <!-- Failed -->
<input onmouseover="start();" type="button" value="Start!"/><br/> <!-- Failed -->
</body>
</html>
- Original case: Failed (That's why I'm here.)
- Use a
spaninstead ofinput: Success - Use another function name: Success
- Use a different type: Failed
- Use
onmouseoverinstead ofonclick: Failed
I used debugger and it said start is function start(){alert("Let's start");}. Then I used alert(start) and it said fileopen.
As the result of test 3, I can easily work-around by changing the name, but I want to know why this error would happened in some cases but not happened in the others. Edit: Or the next best thing, other work-arounds without changing the names.
start is a property of input elements in IE. (According to Microsoft, it indicates, "when a video clip file should begin playing." I have no idea what that means, but it's not important.) In your console, you can see this by running:
> document.createElement("input").start
"fileopen"
In an element's inline event handler, all the properties of that element are available as top-level variables. It's as if the inline code is run inside a with(thisParticularElement) block (where thisParticularElement is the element with the listener, obviously). Therefore, in the context of the inline event code, the variable start refers to the start property of the element, which is a string, not a function.
Simply change the function name, or use window.start explicitly.
这篇关于错误“功能预期”在IE中：'< input onclick =" start（）;" ...'的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
