我想弄清楚下面的 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(){
    ...
});

這聲明了一個匿名函數，該函數作為第一個參數傳入ready函數。 一旦文檔准備好（一旦觸發了ready事件），函數的內容就會運行。

console.log('Hello World!');

這將輸出文本Hello World! 到控制台。 如果是瀏覽器，它將顯示在瀏覽器控制台中。

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

所以這段代碼將打印文本Hello World! 當 DOM 或網頁完成加載並准備好執行時，到瀏覽器控制台。

Answer 2

您可以在此處閱讀說明。

從那個網站：

在文檔“准備好”之前，不能安全地操作頁面。 jQuery 會為您檢測這種准備狀態。 $( document ).ready() 中包含的代碼只會在頁面文檔對象模型 (DOM) 准備好執行 JavaScript 代碼時運行。