最近刚开始学写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就能执行
命名时尽量远离保留字