在JavaScript中，我們可以通過多種方式來檢測CSS是否加載完成，以下是一種常見的方法：

1、使用DOMContentLoaded事件：

DOMContentLoaded事件會在HTML文檔被完全加載和解析完成之后觸發(fā)，包括所有的CSS文件。

- 我們可以監(jiān)聽這個事件，然后在回調(diào)函數(shù)中執(zhí)行需要等待CSS加載完成的操作。

document.addEventListener('DOMContentLoaded', function() {
    // 在這里可以執(zhí)行需要等待CSS加載完成的操作
    console.log("CSS加載完成，可以進(jìn)行后續(xù)操作。");
});

2、檢查CSS文件的加載狀態(tài)：

- 如果我們知道CSS文件的URL，可以創(chuàng)建一個新的Image對象，并設(shè)置其src屬性為CSS文件的URL。

- 通過監(jiān)聽Image對象的load和error事件，我們可以知道CSS文件是否加載成功。

var cssFile = 'path/to/your/stylesheet.css';
var img = new Image();
img.src = cssFile;
img.onload = function() {
    console.log("CSS文件加載成功。");
};
img.onerror = function() {
    console.log("CSS文件加載失敗。");
};

3、使用JavaScript庫：

- 有些JavaScript庫提供了專門的方法來判斷CSS加載完成，例如jQuery的$(document).ready()方法。

- 這些庫通常會封裝底層的DOM操作，使得代碼更加簡潔易用。

$(document).ready(function() {
    // 在這里可以執(zhí)行需要等待CSS加載完成的操作
    console.log("CSS加載完成，可以進(jìn)行后續(xù)操作。");
});

4、檢查樣式表的狀態(tài)：

- 通過獲取樣式表的數(shù)量和狀態(tài)，我們可以知道CSS是否加載完成。

- 這種方法可能需要處理一些瀏覽器兼容性的問題。

var sheets = document.styleSheets;
for (var i = 0; i < sheets.length; i++) {
    if (sheets[i].title == 'your-stylesheet') {
        console.log("CSS加載完成。");
        break;
    } else {
        console.log("正在加載CSS文件。");
    }
}

方法可以幫助你在JavaScript中判斷CSS是否加載完成，你可以根據(jù)自己的需求選擇適合的方法。