参考资料

  1. HTML DOM 当点击完button不可用 实例
  2. HTML DOM改变下拉列表中被选中的选项的文本
  3. HTML DOM弹出下拉列表中被选中的选项的索引
  4. HTML DOM 返回图像映射的某个区域的port 实例
  5. HTML DOM 被按下的键盘键的keycode?
  6. HTML DOM 返回当前的文件和链接的文档之间的关系
  7. HTML DOM 返回页面上所有相对URL的基URL 实例
  8. HTML DOM 返回一个表单acceptCharset属性的值

HTML DOM 返回文档的最后一次修改时间 实例

HTML DOM 返回文档的最后一次修改时间

详细介绍

document.lastModified 是 HTML DOM 的一个属性,它返回当前文档的最后修改时间,格式为字符串。这个值来源于服务器发送的"Last-Modified" HTTP 头信息。

标签

document.lastModified 不是一个 HTML 标签,而是 JavaScript 的 DOM 属性。

用法

var lastMod = document.lastModified;

实例

<!DOCTYPE html>
<html>
<head>
    <title>最后修改时间示例</title>
</head>
<body>
    <p id="lastModified"></p>
    
    <script>
        document.getElementById("lastModified").innerHTML = 
            "本页面最后修改时间: " + document.lastModified;
    </script>
</body>
</html>

功能

  • 获取文档的最后修改日期和时间

  • 可以用于显示页面的更新状态

  • 帮助用户了解内容的新鲜度

CSS 扩展

虽然 document.lastModified 本身是 JavaScript 功能,但可以通过 CSS 来美化显示:

#lastModified {
    font-style: italic;
    color: #666;
    font-size: 0.9em;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

这将为显示最后修改时间的元素添加灰色、斜体样式,并在上方添加分隔线。