document.readyをJSで実装

JavaScriptでdocument.readyを実行するための方法はいくつかありますが、以下はその一般的な方法の一つです。

// 创建一个函数，用于执行文档准备就绪后的操作
function documentReady(callback) {
// 判断文档是否已经加载完毕
if (document.readyState === "complete" || document.readyState === "interactive") {
// 如果文档已加载完毕，则直接执行回调函数
callback();
} else {
// 如果文档尚未加载完毕，则添加DOMContentLoaded事件监听器
document.addEventListener("DOMContentLoaded", callback);
}
}
// 调用documentReady函数，并传入要执行的操作
documentReady(function() {
// 在文档准备就绪后执行的操作
console.log("Document is ready!");
});

上記のコードで、documentの準備ができたら操作を実行するためのdocumentReadyという関数が作成されています。この関数は最初にドキュメントのロード状況を判断し、すでにロードが完了している（readyStateが「complete」または「interactive」）場合、渡されたコールバック関数を直接実行します。そうでない場合、DOMContentLoadedイベントリスナーを追加し、ドキュメントのロードが完了するとコールバック関数が実行されます。

documentReady 関数を使うと、ドキュメントの準備完了後に実行したい処理をコールバック関数として渡すことができます。このサンプルでは単純にメッセージをコンソールに出力していますが、必要に応じてコールバック関数の内容を変更できます。