跳到主要内容

解释$(document).ready() 是什么函数?

参考答案:

$(document).ready() 是 jQuery 的一个函数,它用于确保在执行 JavaScript 代码之前,HTML 文档已经完全加载和解析。这个函数通常用于在网页加载完成后立即执行某些操作,而不需要等待所有图片、样式表、脚本等外部资源都加载完成。

具体来说,当你在浏览器的控制台或开发者工具中查看 HTML 文档时,你可能会注意到文档是由多个部分组成的,包括 <html><head><body> 等标签。$(document).ready() 函数确保了在 <body> 标签中的所有内容(如 <script> 标签、图片等)都加载完成后,才执行其内部的代码。

使用 $(document).ready() 的一个典型例子是:

$(document).ready(function() {
    // 当文档加载完成后,这里的代码将被执行
    alert("页面已加载完成!");
});

在上面的代码中,alert 函数会在页面加载完成后弹出一个对话框。如果这段代码是直接放在 <script> 标签中的,并且这个标签位于 HTML 文档的 <head> 部分,那么在没有 $(document).ready() 的情况下,alert 可能会在文档结构还没有完全加载的时候就被执行,这可能会导致一些不可预测的行为或错误。

需要注意的是,$(document).ready() 只等待文档结构加载完成,而不等待图片、样式表、脚本等外部资源加载完成。如果需要等待所有资源都加载完成,可以使用 $(window).load() 函数。