JavaScript アラート document.lastModified
JavaScript は、Web アプリケーションを開発するための主要なプログラミング言語です。 この記事では、lastModified として知られる JavaScript プロパティについて説明します。
最近変更された Web ページの日付と時刻が表示されます。 このデータは、Web サーバーによって送信される HTTP ヘッダーから取得されます。
Web サーバーは、自身を分析して最終変更日時を取得します。
Web サーバーのドキュメントはオプションで、最終更新日が含まれます。 JavaScript は、Web サーバーが最終更新日を提供しない場合、0 を想定します。これは、1970 年 1 月 1 日の午前 0 時 (GMT) に対応します。
JavaScript で document.lastModified を警告する
lastModified は読み取り専用のプロパティであり、Document インターフェイス プロパティの 1つであり、Web ブラウザでは、任意の Web ページを表します。 また、lastModified は文字列値を返します。
次の構文を使用して、最終更新日を確認できます。
alert(document.lastModified)
次のように lastModified を使用する例を見てみましょう。
<!DOCTYPE html>
<html>
<header>
<meta charset="UTF-8">
<meta name="viewport" content="width=divce-width, initial-scale=1">
</header>
<body>
<script>
alert(document.lastModified);
</script>
</body>
このインスタンスは、Web ページで最後に変更された日付と時刻の文字列を表示するウィンドウをブラウザーにポップアップ表示します。
出力：
また、Web ページが変更されたときに最終変更日時を出力するように JavaScript コードを設定することもできます。 これには、ユーザーが Web サイトの最終更新日に関する情報を取得できるように、Web ページを含めることができます。
<!DOCTYPE html>
<html>
<header>
<meta charset="UTF-8">
<meta name="viewport" content="width=divce-width, initial-scale=1">
</header>
<style>
*{
background-color: rgb(150, 99, 23);
}
</style>
<body>
<h2>Display last modified date and time</h2>
<p id="demo"></p>
<script>
let text = document.lastModified;
document.getElementById("demo").innerHTML = text;
</script>
</body>
document.lastModified を変数 text に宣言し、最終更新日時を Web ページに表示することができます。 document.getElementById("demo").innerHTML に割り当てることができます。
以下は、上記のコードで取得できる出力です。
最終更新日を Date オブジェクトに変換する
最終更新日を Date オブジェクトに変換することもできます。 Date オブジェクトは、特定の Web サイトのタイム ゾーンで年、日、月、時刻を返します。
lastModified が Date オブジェクトに変換されると、最終更新日が Date オブジェクトの出力として表示されます。 次の例を見てみましょう。
<!DOCTYPE html>
<html>
<header>
<meta charset="UTF-8">
<meta name="viewport" content="width=divce-width, initial-scale=1">
</header>
<style>
*{
background-color: rgb(244, 240, 11);
}
</style>
<body>
<h2>Convert lastModified into Date object</h2>
<p id="dateObject"></p>
<script>
const last_modified= new Date(document.lastModified);
document.getElementById("dateObject").innerHTML = last_modified;
</script>
</body>
上記の例のように、lastModified は変数として宣言され、Date という新しいオブジェクトに割り当てられます。 lastModified 日付を Date オブジェクトに変換します。
その後、getElementById 関数を呼び出して値を表示できます。
このコードは、最後に変更された年、日付、時刻、およびタイム ゾーンを表示します。
上記の出力のように、最終更新日が表示されます。
まとめ
JavaScript lastModified プロパティは、特定の Web ページの最終更新日時を表示します。 JavaScript document.lastModified は HTML DOM オブジェクトです。
これは、HTML ドキュメントがブラウザに読み込まれると、document オブジェクトになることを意味します。
document オブジェクトは document キーワードでアクセスできます。 したがって、document キーワードを使用して lastModified にアクセスできます。
document.lastModified は DOM レベル 3 の機能 (2003) であるため、すべてのブラウザーと互換性があります。
したがって、この記事で説明するように、最新の変更日を表示するように Web ページにアラートを設定する場合があります。
Nimesha is a Full-stack Software Engineer for more than five years, he loves technology, as technology has the power to solve our many problems within just a minute. He have been contributing to various projects over the last 5+ years and working with almost all the so-called 03 tiers(DB, M-Tier, and Client). Recently, he has started working with DevOps technologies such as Azure administration, Kubernetes, Terraform automation, and Bash scripting as well.