App.js 文件 运行 document.getElementById('age') 在所有页面上？我该如何收容它

Question

我有一个 app.js 文件，其中包含我所有网站页面的所有 JS。 app.js 文件中有一个年龄函数。函数 运行 在带有 '.age' 的 class 的页面上很好。但是，避免在所有其他页面上出现 运行 的最佳方法是什么？

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);
}