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

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!');
});

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