HTML：无法在浏览器上显示吗？

debugcn 发表于 Dev

马苏德

我正在学习HTML，遇到了一些困难。我无法将其他文本显示在“页面”页面上。可以使用帮助，谢谢。使用：Bluefish编辑器使用Crome运行页面

<!DOCTYPE>
<html lang="en">

<head>
  <title>Temperature</title>
  <meta charset="utf-8">
  <script>
    function showTime() {
        var tempByHour = new Array();
        tempByHour[0] = 59.2;
        tempByHour[1] = 60.1;
        tempByHour[2] = 63;
        tempByHour[3] = 65;
        tempByHour[4] = 62;

        for (var i = 0; i < 4; i++) {
          var theTemp = tempByHour[i];
          var id = "temp" + i;
          var li = document.getElementById(id);

          if (i == 0) {
            li.innerHTML = "The temperature at noon is " + theTemp;
          } else {
            li.innerHTML = "The temperature at " + i + "was" + theTemp;
          }
        }

        window.onload = showTime
  </script>
</head>

<body>
  <h1>Temperature</h1>
  <ul>
    <li id="temp0"></li>
    <li id="temp1"></li>
    <li id="temp2"></li>
    <li id="temp3"></li>
    <li id="temp4"></li>
  </ul>
</body>

</html>

亚历克西斯

有时您需要检查控制台，如果有任何错误。看来您忘了}在showTime函数的末尾放了。并且还可以像这样for (var i = 0; i < tempByHour.length; i++) { ... }将for循环更改为覆盖tempByHour数组的整个长度。

<!DOCTYPE>
<html lang="en">

<head>
  <title>Temperature</title>
  <meta charset="utf-8">
  <script>
    function showTime() {
        var tempByHour = new Array();
        tempByHour[0] = 59.2;
        tempByHour[1] = 60.1;
        tempByHour[2] = 63;
        tempByHour[3] = 65;
        tempByHour[4] = 62;

        for (var i = 0; i < tempByHour.length; i++) {
          var theTemp = tempByHour[i];
          var id = "temp" + i;
          var li = document.getElementById(id);

          if (i == 0) {
            li.innerHTML = "The temperature at noon is " + theTemp;
          } else {
            li.innerHTML = "The temperature at " + i + " was " + theTemp;
          }
        }
    }

        window.onload = showTime
  </script>
</head>

<body>
  <h1>Temperature</h1>
  <ul>
    <li id="temp0"></li>
    <li id="temp1"></li>
    <li id="temp2"></li>
    <li id="temp3"></li>
    <li id="temp4"></li>
  </ul>
</body>

</html>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。