3

编写一个包含一些非常简单的 Javascript 的小型 HTML 网页，我注意到完成后，它一直在旋转（firefox）。我在其他页面上看过很多次，一直以为是Javascript错误或循环问题，但我运行的这个程序肯定是完成了。

这是执行此操作的小型网页的一个示例。在您单击按钮并处理后，悸动者（感谢 Kooilinc 的术语）继续运行。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>Grade Tester</title>
    <script language="javascript" type="text/javascript">       
      function calculate()
      {
       var grade = document.getElementById("grade").value.toUpperCase();        
        switch (grade)
        {
         case "A":
           document.write("Outstanding Achievement");
           break;

         case "B":
           document.write("Above Average");
           break;

         case "C":
           document.write("Average Achievement");
           break;

          case "D":
            document.write("Low Passing Grade");
           break;

         case "F":
           document.write("Failing Grade");
            break;
        }
      }
    </script>       
    </head>
  <body>
    Grade:<input type="text" id="grade" />
    <br /><input type="button" value="Get Result" onclick="calculate()" />
  </body>
</html>

我可以通过点击停止（右键单击并停止）来停止它。

脚本完成后，我需要做什么才能让 Javascript 停止处理（或浏览器停止处理）？

注意 1：这发生在 FF4.01 中，而不是在 IE 或 Chrome 中（对于此代码示例）。

注2：我在switch语句后尝试了window.stop()函数，并没有停止跳动。

根据 Lekensteyn 的回答，switch 语句之后的 document.close() 解决了这个问题，但这是一个根本没有跳动并且不使用 document.close() 的示例。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>Lab 9.1</title>
  </head>
  <body>
    <script language="javascript" type="text/javascript">
      var phrase = "Every good boy does fine goes on the line."
      document.write(phrase.length + "<br />");
      for(var i = 0; i < phrase.length; i++)
      {
        document.write(phrase.charCodeAt(i) + " ");
      }
        document.write("<br />");
        document.write(phrase.toLowerCase() + "<br />");
        document.write(phrase.toUpperCase() + "<br />");
    </script>
  </body>
</html>
4

1 回答 1

1

调用后，如果文档之前未关闭document.write()，则必须调用。document.close()

基本上，会发生这种情况：

  1. 该页面正在被解析
  2. 脚本被处理
  3. 页面已“关闭” ( document.close())

如果document.write()在步骤 2 中被调用，它将在步骤 3 中完成。在步骤 3 之后，如果您调用document.write，您将再次打开页面，但页面不会在 FF 中自行关闭（不确定其他）。你必须通过调用来关闭它document.close()。

当我需要打开一个窗口并在 FF 中快速写入时，我发现了这一点。

var win = window.open();
win.document.write("something");
// the next line is required to finish the page
win.document.close();

这同样适用于您的情况：

<script type="text/javascript">
function calculate()
{
    var grade = document.getElementById("grade").value.toUpperCase();
    switch (grade)
    {
    case "A":
        document.write("Outstanding Achievement");
        break;
    // removed some cases
    case "F":
        document.write("Failing Grade");
        break;
    }
    // finish the document
    document.close();
}
</script>
于 2011-05-20T16:15:11.910 回答