Question

为什么这段代码不起作用？

<!DOCTYPE html>
<html lang="es">
 <head>
  <title>Euroqpa</title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <script type="type=text/javascript">
   <!--
    function drawcanvas() {
     var c=document.getElementById("myCanvas");
     var ctx=c.getContext("2d");
     ctx.fillStyle="#FF0000";
     ctx.fillRect(0,0,150,75);
    }
   //-->
  </script>
 </head>
 <body>
 <canvas id="myCanvas" width="300" height="300"></canvas>
 <script type="text/javascript">
 <!--
  drawcanvas();
 //-->
 </script>
 </body>
</html>

我认为头部中定义的函数应该被正文中的脚本识别。不是吗？

它说：未捕获的ReferenceError：未定义drawcanvas

Answer 1

乍一看，头部脚本上的type属性错误

替换

<script type="type=text/javascript">

通过

<script type="text/javascript">

Answer 2

浏览器会忽略具有无法识别的script属性的type元素（通过内联模板将其利用）。

只需将type属性全部放在一起，就不需要了。

Answer 3

可能是因为您之前有之后有。{/ p>

这些是对HTML而非javascript的评论，会导致错误

头部的Javascript功能在身体中无法识别

3 个答案: