head 中的 Javascript 函数在 body 中未定义

Question

我正在开发一个 HTML 应用程序，它会打开一个包含摘要报告的新窗口，并提供打印该窗口的选项。这个新窗口是动态生成的，但我已将典型结果的副本放在 electioncalc.com/WhyIsThisADud.html

问题是头部中定义的“printThis()”函数在主体中无法识别。当我单击“打印”按钮时，出现“打印此未知对象”或“预期对象”错误。我放入了一个根本没有内容的虚拟“printThis2()”函数。它在体内也未被识别。我一定在这里犯了一个非常基本的错误，但我确实找不到它。 HTML 代码始终验证良好。我不知道 javascript 函数是否有效。我在网上找到了它，但由于这个问题而无法运行。

代码部分:

<script type="/text/javascript"> 
/* <![CDATA[ */
  function printThis()   {
    var a = window.open('','', scrollbars=yes, width=800, height=600);
    a.document.open("text/html");
   a.document.write(document.getElementById('printableContent').innerHTML);
    a.document.close();
    a.print();
  }
/* ]]> */
</script>

...在头部，在 body ...

<div id="printDiv">
  <input type="button" value=" Print " id="printButton" onClick="Javascript: printThis()">
</div>

我做网站和应用程序已经很多年了，但我从来没有遇到过这样的事情。任何帮助(甚至是前进的方向)将不胜感激。

Answer 1

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

由于这个错误的 type 属性(删除前导斜杠)，您的浏览器可能不会将您的代码识别为 javascript。