頭部無法識別Javascript功能

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

瀏覽器將忽略具有無法識別的type屬性的script元素（這被內聯模板利用）。

只需將type屬性放在一起，這不是必需的。

Answer 3

這可能是因為你有功能后。

這些是針對HTML而非JavaScript的注釋，將導致錯誤

頭部無法識別Javascript功能

問題描述

3 個解決方案

解決方案1
5 已采納 2013-09-26 21:41:38

解決方案2
3 2013-09-26 21:42:26

解決方案3
-1 2013-09-26 21:43:15

頭部無法識別Javascript功能

問題描述

3 個解決方案

解決方案1 5 已采納 2013-09-26 21:41:38

解決方案2 3 2013-09-26 21:42:26

解決方案3 -1 2013-09-26 21:43:15

解決方案1
5 已采納 2013-09-26 21:41:38

解決方案2
3 2013-09-26 21:42:26

解決方案3
-1 2013-09-26 21:43:15