HTML基本有关问题
日期：2014-05-17 浏览次数：20695 次
HTML基本问题
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="circular.css"></link>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.moveTo(10,10);
cxt.lineTo(150,50);
cxt.lintTo(10,50);
cxt.stroke();
</script>
</head>
<body>
<canvas id="myCanvas" ></canvas>
</body>
</html>
运行有错。var c=null 帮忙看一下原因。
------解决方案--------------------
页面还没加载你就调用。。当然有错了。。把JS放在下面
------解决方案--------------------
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="circular.css"></link>
</head>
<body>
<canvas id="myCanvas" ></canvas><script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.moveTo(10,10);
cxt.lineTo(150,50);
cxt.lintTo(10,50);
cxt.stroke();
</script>
</body>
</html>
---------------------------
脚本放下面
------解决方案--------------------
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="circular.css"></link>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.moveTo(10,10);
cxt.lineTo(150,50);
cxt.lintTo(10,50);
cxt.stroke();
</script>
</head>
<body>
<canvas id="myCanvas" ></canvas>
</body>
</html>
运行有错。var c=null 帮忙看一下原因。
------解决方案--------------------
页面还没加载你就调用。。当然有错了。。把JS放在下面
------解决方案--------------------
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="circular.css"></link>
</head>
<body>
<canvas id="myCanvas" ></canvas><script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.moveTo(10,10);
cxt.lineTo(150,50);
cxt.lintTo(10,50);
cxt.stroke();
</script>
</body>
</html>
---------------------------
脚本放下面
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
