「教學」在 HTML 網頁讓 Copyright 永遠顯示目前年份

若是有經營網站、部落格,頁面下方的 Copyright 區塊通常都會加上年份,但網站開發完成後則很少會想到要去更新這種固定的文字內容,因此只要看看網站下方 Copyright 的年份,大概就可以猜到該網站是何時建置、改版的。

開啟「懶人先決模式」的開發者則可以考慮讓 Copyright 永遠顯示目前的年份,就省去每年得記得去更新的功夫。根據網路上分享的方法,因為使用純 HTML 並沒有辦法達到這樣動態的文字功能,因此主要的解法都是透過 JavaScript 來撰寫。

以下是其中一種方式:

<p>&copy; Copyright
  <script language="JavaScript" type="text/javascript">
    now = new Date
    theYear = now.getYear()
    if (theYear < 1900)
      theYear = theYear + 1900
    document.write(theYear)
  </script> Victor Hung's Diary All rights reserved.</p>

© Copyright Victor Hung's Diary All rights reserved.

這個版本可以用,但有點長對吧?

因此我們又找到一個更精簡的版本:

<p>&copy; Copyright
  <script>
    document.write(new Date().getFullYear())
  </script> Victor Hung's Diary All rights reserved.</p>

© Copyright Victor Hung's Diary All rights reserved.

再正式更新網站之前,也可以到 CodePen 來測試一下效果。

comments powered by Disqus