Question

首先，这是家庭作业，但我已尽我所能来尝试解决这个问题。

当我测试运行index.html文件（附加代码）并尝试在Web浏览器中打开它时，我只是不明白为什么这些javascript代码似乎不起作用。我肯定已经多次检查过js文件实际命名为＆＃34; calendar.js＆＃34;我也尝试在html和js中更改文件名。

奇怪的是，它在堆栈溢出测试中运行得很好。

＆＃13;

function updatePage()
{
  var d = new Date();
  var e = document.getElementById("info");
  e.innerHTML = "Time is now " + d;
}

function startUpdate()
{
  updatePage();
  window.setInterval(updatePage, 10 * 1000);
}
window.onload = startUpdate;

＆＃13;

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="style.css">
<script src="calendar.js" type=“text/javascript”></script>
</head>
<body>
  <h1 id="info"></h1>
<table>
  <tr>
    <th></th>
    <th>Monday</th>
    <th>Tuesday</th>
    <th>Wednesday</th>
    <th>Thursday</th>
    <th>Friday</th>
  </tr>
  <tr>
    <th>8:30-9:30</th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <th>9:30-10:30</th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <th>10:30-11:30</th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <th>11:30-12:30</th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <th>12:30-1:30</th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <th>1:30-2:30</th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <th>2:30-3:30</th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <th>3:30-4:30</th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <th>4:30-5:30</th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <th>5:30-6:30</th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <th>6:30-7:30</th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <th>7:30-8:30</th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <th>8:30-9:30</th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <th>9:30-10:30</th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
</table>
</body>
</html>

＆＃13;

Answer 1

将标记移动到正文标记结尾之前，就像这样可以解决问题：

    ...
    </table>
    <script src="calendar.js" type="text/javascript"></script>
  </body>
</html>

原因在this link

中解释

＆＃34;信息＆＃34;元素没有使用＆＃34; .innerHTML＆＃34;更新在JavaScript中？

1 个答案: