怎樣保證js在頁面元素渲染完后再執(zhí)行？1. HTML的加載不受JS加載的影響。2 / 4. 頁面呈現(xiàn)的一般過程是下載解析HTML并構建DOM樹，然后解析CSS并繪制呈現(xiàn)樹。前者構建頁面結構，后者添加頁

怎樣保證js在頁面元素渲染完后再執(zhí)行？

1. HTML的加載不受JS加載的影響。2 / 4. 頁面呈現(xiàn)的一般過程是下載解析HTML并構建DOM樹，然后解析CSS并繪制呈現(xiàn)樹。前者構建頁面結構，后者添加頁面樣式。在構建DOM樹的過程中，您會遇到img、externalcss和script等標記。此時，需要加載外部資源。加載資源由單個下載線程異步加載，瀏覽器將并行加載它們。但是，并行資源的具體最大數(shù)量是有限的，不同的瀏覽器可能會有所不同。然而，加載CSS和JS資源是非常特殊的，它們的加載會影響頁面的呈現(xiàn)。CSS加載不會阻止DOM樹解析，但會阻止呈現(xiàn)（這是因為呈現(xiàn)依賴于CSS）。如果在不等待CSS加載的情況下進行渲染，則必須在CSS加載和解析之后再次進行渲染，并且可能需要重新繪制或回流）。JS資源的加載會阻礙DOM樹的構建和呈現(xiàn)，除非設置了script tag的asynchronous屬性。三。在解析DOM樹和呈現(xiàn)頁面之前，將它放在head中，并阻塞頁面。在正常情況下，JS將在加載后立即執(zhí)行。在JS腳本中，只能訪問current<script>以上的DOM，并在腳本執(zhí)行后繼續(xù)解析DOM。JS執(zhí)行引擎和頁面呈現(xiàn)是由不同的線程執(zhí)行的，但它們是互斥的，即JS執(zhí)行進程不能構建Dom和呈現(xiàn)頁面。這是一種優(yōu)化機制。由于JS可能會修改Dom和樣式，如果在解析JS的過程中構建Dom，可能會導致不一致或重復構建。所以我們應該在正文中加入腳本，以使頁面呈現(xiàn)更快。