javascript - App.js 文件在所有页面上运行 document.getElementById ('age' )？我该如何遏制这个

Question

我有一个 app.js 文件，其中包含所有网站页面的所有 JS。 app.js 文件中有一个年龄函数。该函数在类为“.age”的页面上运行良好。但是避免在所有其他页面上运行这种情况的最佳方法是什么？

var start = new Date('09/20/1991 06:00 AM');
  var timer;

  function age() {
    var now = new Date();
    var age = now.getTime() - start.getTime();
    var year = (age / 31556926000);
    document.getElementById('age').innerHTML = year.toFixed(9);
  }
  timer = setInterval(age, 1);

谢谢您，如果这是一个愚蠢的问题，我们深表歉意。

Answer 1

您可以检查元素是否存在，然后注册该函数:

let ageElement = document.getElementById('age');

// Check the age element exists
if(ageElement){
  var start = new Date('09/20/1991 06:00 AM');
  var timer;

  function age() {
    var now = new Date();
    var age = now.getTime() - start.getTime();
    var year = (age / 31556926000);
    ageElement.innerHTML = year.toFixed(9);
  }
  timer = setInterval(age, 1);
}