按上开始按钮后总提示缺少函数
日期：2014-05-17 浏览次数：20644 次
【求助】按下开始按钮后总提示缺少函数
最近刚开始学写HTML5代码，代码如下：
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function start()
{
var c = document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="#00f";
ctx.strokeStyle="#f00";
ctx.strokeRect(0,0,260,400);
ctx.beginPath();
for (var i=0;i<=200;)
{
ctx.lineTo(i,400);
i += 20;
ctx.moveTo(i,0);
}
ctx.moveTo(0,0);
for (var j=0;j<=400;)
{
ctx.lineTo(200,j);
j += 20;
ctx.moveTo(0,j);
}
ctx.fill();
ctx.stroke();
ctx.closePath();
}
</script>
</head>
<body>
<canvas id="myCanvas" width="260" height="400" style=" background-color: yellow">
你的浏览器不支持 Canvas 标签，请使用 Chrome 浏览器 或者 FireFox 浏览器
</canvas><br />
<input type="button" value="开始" onclick="start()">
<input type="button" id="btnPause" value="暂停" onclick="pause()">
</body>
</html>
运行时，如果按下开始按钮，总提示缺少函数，但我已经定义了start()函数了啊。。。
------解决方案--------------------
firefox和chrome没问题 IE9下改一下函数名就好了，比如随便改为start1就能执行
命名时尽量远离保留字
最近刚开始学写HTML5代码，代码如下：
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function start()
{
var c = document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="#00f";
ctx.strokeStyle="#f00";
ctx.strokeRect(0,0,260,400);
ctx.beginPath();
for (var i=0;i<=200;)
{
ctx.lineTo(i,400);
i += 20;
ctx.moveTo(i,0);
}
ctx.moveTo(0,0);
for (var j=0;j<=400;)
{
ctx.lineTo(200,j);
j += 20;
ctx.moveTo(0,j);
}
ctx.fill();
ctx.stroke();
ctx.closePath();
}
</script>
</head>
<body>
<canvas id="myCanvas" width="260" height="400" style=" background-color: yellow">
你的浏览器不支持 Canvas 标签，请使用 Chrome 浏览器 或者 FireFox 浏览器
</canvas><br />
<input type="button" value="开始" onclick="start()">
<input type="button" id="btnPause" value="暂停" onclick="pause()">
</body>
</html>
运行时，如果按下开始按钮，总提示缺少函数，但我已经定义了start()函数了啊。。。
------解决方案--------------------
firefox和chrome没问题 IE9下改一下函数名就好了，比如随便改为start1就能执行
命名时尽量远离保留字
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
