javascript - 从 HTM 执行 JS 函数

Question

我编写了一个小函数来在页面上显示当前星期几

   function displayDay(){
      var d = new Date();
      var dy = d.getDay();
      var day = "Day";
      switch(dy){
        case 0:
          day = "Sunday";
          break;
        case 1:
          day = "Monday";
          break;
        case 2:
          day = "Tuesday";
          break;
        case 3:
          day = "Wednesday";
          break;
        case 4:
          day = "Thursday";
          break;
        case 5:
          day = "Friday";
          break;
        case 6:
          day = "Saturday";
          break;
      }
        document.getElementById("display-day").innerHTML = day;  
    }
    displayDay();

HTML: Enjoy the rest of your <span id="display-day"></span>

它可以工作，但在其他页面上没有 span#display-day , innerHTML抛出错误并阻止执行 js 文件中的其他函数。

我正在尝试从 HTML 执行该函数，因此只有一个页面执行该函数，但它不起作用。这是添加到 html 的代码

<script>
   displayDay();
</script>

和displayDay();当然会从 JS 文件中删除。但它不起作用，我找不到任何资源来解释如何以这种方式执行函数，因此如果有人可以指导我，我将不胜感激。

Answer 1

您可以添加如下条件语句:

var element = document.getElementById("display-day");
if (element) {
  element.innerHTML = day; 
}

document.getElementById 如果没有找到任何内容，则返回 null。