Question

我想弄清楚下面的脚本及其功能。

任何帮助都是适当的

$(document).ready(function(){
    console.log('Hello World!');
});

Answer 1

让我们一点一点地回顾一下。

$通常是对jQuery（https://jquery.com/）的引用，它是一个包含许多非常有用的JavaScript函数和库的库。

$(document)

这就是所谓的jQuery selector。本质上它会找到你放入它的任何东西，并将它包装在jQuery对象中，让你可以调用它上面的各种函数。在这种情况下，它正在包装整个文档。

$(document).ready

ready函数注册一个jQuery事件处理程序，当元素（在这种情况下是文档，我不确定它是否可以添加到其他元素）已完成加载时将触发。在这种情况下，您传入的回调函数将在整个网页加载并准备开始处理后立即运行。如果你不这样做，你的JavaScript将在解析时立即执行，如果你的所有DOM都没有准备好，这可能会导致问题。

$(document).ready(function(){
    ...
});

这声明anonymous function（https://www.w3schools.com/js/js_function_definition.asp）作为第一个参数传递给ready函数。文档准备就绪后，函数的内容将立即运行（只要触发了ready事件）。

console.log('Hello World!');

这会将文本Hello World!输出到控制台。对于浏览器，它将显示在浏览器控制台中。

$(document).ready(function(){
    console.log('Hello World!');
});

因此，当DOM或网页完成加载并准备好执行时，此代码会将文本Hello World!打印到浏览器控制台。

Answer 2

您可以阅读解释here。

从该网站：

页面无法安全操作，直到文档准备好＆＃34;。 jQuery为您检测这种准备状态。包含在$（document）.ready（）中的代码只有在页面文档对象模型（DOM）准备好执行JavaScript代码时才会运行。

我想弄清楚下面的javascript及其功能

2 个答案: