JavaScript에서 document.lastModified 속성을 사용하면 현재 문서가 마지막으로 수정된 날짜와 시간을 쉽게 확인할 수 있습니다. 이 속성은 웹 브라우저가 문서를 마지막으로 변경한 시점을 문자열 형태로 반환하며, 별도의 외부 라이브러리 없이 순수 JavaScript만으로 구현할 수 있습니다.
기본 사용법
lastModified 속성은 document 객체에 직접 포함되어 있어, 다음과 같이 간단하게 호출할 수 있습니다.
var date = document.lastModified;
전체 예제 코드
아래 예제는 HTML 페이지에서 JavaScript로 문서의 마지막 수정 날짜와 시간을 화면에 출력하는 방법을 보여줍니다.
<!DOCTYPE html>
<html>
<body>
<script>
var date = document.lastModified;
document.write("Last Modified: "+date);
</script>
</body>
</html>실행 결과
위 코드를 실행하면 브라우저 화면에 다음과 같이 문서의 마지막 수정 정보가 표시됩니다.
Last Modified: 05/20/2024 14:32:10
참고 사항
document.write()는 페이지 로딩 이후 호출될 경우 전체 문서를 덮어쓸 수 있으므로, 실무에서는 다음과 같이 DOM 요소에 결과를 삽입하는 방식을 권장합니다.
<p id="modifiedDate"></p>
<script>
document.getElementById("modifiedDate").textContent = "Last Modified: " + document.lastModified;
</script>또한 반환되는 값은 브라우저나 서버 설정에 따라 형식이 다를 수 있으므로, 일관된 표시가 필요하다면 Date 객체로 변환하여 원하는 형식으로 포맷팅하는 것이 좋습니다.