一般情況下，JavaScript（JS）和 CSS 是并行加載的，這意味著它們幾乎同時下載和解析。但有時，我們希望阻塞 CSS 加載，直到 JS 腳本完成。這可以通過以下方法實現：

// 創建一個新的link元素
const link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'path/to/stylesheet.css';
// 將link元素插入標簽中
const head = document.querySelector('head');
head.appendChild(link);
// 在 JS 代碼中修改 CSS 樣式
link.onload = function() {
// JS 腳本已經下載并執行，可以進行一些操作
const body = document.querySelector('body');
body.style.backgroundColor = 'red';
};

這段代碼中創建了一個新的 link 元素，然后將其插入到 head 標簽中。默認情況下，瀏覽器會立即下載并解析 CSS 文件。但是，在 link 的 onload 回調函數中，我們可以通過 JS 修改 CSS 樣式而不會出錯。

當然，這種方法并不一定適用于所有情況。如果 CSS 必須在頁面加載之前解析，或者如果 JS 腳本依賴于 CSS 樣式，則不應使用此方法。在使用此方法時，請注意避免出現不必要的延遲。