随着站点的慢慢发展和变更,网站的结构必将趋于复杂,一个小小的站点最初可能就只有两三个页面,而几年后的规模肯定不止于此。每年的元旦假期前夕,总是最痛苦的时候,因为在12月31日,要将所有页面底部的 Copyright 的年份 +1,相当于每个页面都要发生边个更,并更新到服务器上,并刷新缓存。
利用 JavaScript 代码,可以获取当前服务器上的时间(与访问设备时间无关),来自动更新年份时间。
核心的 JavaScript 语法是:
dateObject.getFullYear()
getFullYear() 方法可返回一个表示年份的 4 位数字。该方法总是结合一个 Date 对象来使用,用 Date() 函数替代 dateObject 即可。
Date().getFullYear()
核心的 JavaScript 代码已经完成,接下来需要将其引入到 HTML代码中,并在合适的位置使用,可以利用 <span></span> 确定使用位置。(设定 id = footerYear)
执行代码是:
document.getElementById(id) 方法可返回对拥有指定 ID 的第一个对象的引用。
document.getElementById(id)
这里定义了 id = footerYear,所以该写代码:
document.getElementById(‘footerYear’)
tablerowObject.innerHTML=HTML。innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。仔执行 innerHTML即可,改写代码:
document.getElementById(‘footerYear’).innerHTML
即,单独的JavaScript代码如下:
document.getElementById('footerYear').innerHTML = new Date().getFullYear() + '';
还可以引入到 HTML文件中 </body> 之前:
<script type="text/javascript"> document.getElementById('footerYear').innerHTML = new Date().getFullYear() + ''; </script>
然后在 Copyright 年份位置引入<span></span>:
Copyright <span id="footerYear">2014</span> Scenery Architecture. All rights reserved.
就会输出(2017年):
Copyright 2017 Scenery Architecture. All rights reserved.
希望有个 Demo