Html 在静态页面中如何动态显示当前年份?方法很简单

因为Html静态页面的快捷和高效,在许多时候都是我们的首选,甚至很多动态语言都有特别静态化或者伪静态,重要性就不得而知。

但有时完全静态又不能完美的满足需求,比如我们想显示当前时间,这种不能每年、每天、每小时去手动修改,如果这样估计会要了小命。

这时动态获取就非常重要了。废话不多说,下面上代码:

<script>
var date = new Date();
var year = date.getFullYear();
document.write(year);
</script>

上面我们先用JS的Date()函数获取当前日期,再用getFullYear()获得当前年份。最后使用document.write()方法输出显示当前年份。

使用JS代码时,通常并非在需要显示的地方写代码,这样会让代码看起来特别乱,所以会统一放在后面或前面,这时我们就需要另一个方法了。代码如下:

<script>
var date = new Date();
var year = date.getFullYear();
document.getElementById("nowyear").innerHTML = year;
</script>

这里和上面方法的前部分基本相同,重点在最后,使用了document.getElementById()方法获取ID为nowyear的标签,然后在设置innerHTML属性给其赋值,这样ID为nowyear的标签就会显示当前年份了。(这里的标签是html的静态标签)

如果你发现错误或有其他方法,请给 www.zhuei.cn 留言,我们会尽快更新本文!