JavaScript 怎样获取当前年份

技术文摘

2025-01-09 18:14:03 小编

JavaScript 怎样获取当前年份

方法一：使用Date对象

JavaScript中的Date对象提供了丰富的方法来处理日期和时间。要获取当前年份，我们可以创建一个新的Date对象，然后使用其getFullYear()方法。示例代码如下：

const currentDate = new Date();
const currentYear = currentDate.getFullYear();
console.log(currentYear);

在上述代码中，new Date()创建了一个表示当前日期和时间的Date对象，getFullYear()方法返回该日期对象所表示年份的四位数表示。

方法二：在HTML中显示当前年份

如果我们想要在HTML页面中显示当前年份，可以将JavaScript代码与HTML结合起来。例如：

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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>获取当前年份示例</title>
</head>

<body>
  <p id="year"></p>
  <script>
    const currentDate = new Date();
    const currentYear = currentDate.getFullYear();
    document.getElementById('year').innerHTML = `当前年份是：${currentYear}`;
  </script>
</body>

</html>

在这个示例中，我们通过document.getElementById()方法获取了一个具有id为year的HTML元素，并将当前年份显示在其中。

兼容性和注意事项

Date对象和getFullYear()方法在所有现代浏览器中都得到了广泛支持，包括IE9及以上版本。在使用时，需要确保JavaScript代码在HTML文档加载完成后执行，以确保能够正确获取到对应的HTML元素。

通过上述方法，我们可以轻松地在JavaScript中获取当前年份，并根据实际需求进行进一步的操作和应用。

TAGS: JavaScript 前端编程 JavaScript日期操作获取年份

万千站长工具

技术文摘

JavaScript 怎样获取当前年份

方法一：使用Date对象

方法二：在HTML中显示当前年份

兼容性和注意事项

欢迎使用万千站长工具！