随着站点的慢慢发展和变更,网站的结构必将趋于复杂,一个小小的站点最初可能就只有两三个页面,而几年后的规模肯定不止于此。每年的元旦假期前夕,总是最痛苦的时候,因为在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.

One thought on “JavaScript更改Copyright年份

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

Next Post

根据宽度选择CSS

周六 9 月 2 , 2017
自适应站点的核心,就是一套代码可以在任何尺寸屏幕的 […]