JavaScript 是一門使Web具有互動性的編程語言，它廣泛應用與網頁頁面的開發和設計中，是一門不可或缺的技術。而對于JavaScript啟動加載的過程，也是我們經常需要掌握的知識點。
當我們在瀏覽器中打開一個網頁時，網頁中包含的各種資源需要通過請求和加載才能呈現在瀏覽器中。如果網頁包含了 JavaScript 代碼，瀏覽器需要下載 JavaScript 代碼，執行代碼來動態生成HTML，CSS，實現頁面的互動。
JavaScript代碼一般放在HTML頁面中的head或者body標簽之間，我們常見的將JavaScript放在頁面底部的原因就是為了避免阻塞頁面加載。
JavaScript Demo Hello, World!
上述代碼中，script標簽的src屬性指定了demo.js文件的位置，瀏覽器在解析HTML文檔時，遇到這一行代碼時就會發出HTTP請求，并獲取demo.js文件。
但是當我們將 JavaScript 代碼放入HTML頁面頭部時，容易出現JavaScript阻塞頁面加載的情況，因為JavaScript文件會隨文檔一起下載，如果文件較大，那么在解析JavaScript代碼之前，瀏覽器需要完整下載整個文件，這將導致頁面加載變慢。
所以，優化JavaScript代碼及其引入方式，能夠有效地提升網頁的加載速度。
除了將 JavaScript 文件放在HTML文檔底部以外，優化JavaScript代碼的另一種方式是使用defer屬性。這個屬性告訴瀏覽器不要立即執行 JavaScript 代碼，而是等頁面加載完之后再執行。這樣，JavaScript代碼載入的過程與頁面文檔解析的過程是異步完成的，不會阻塞文檔的展示。
JavaScript Demo Hello, World!
基本整個JavaScript加載過程講解完畢。正確使用JavaScript能在頁面顯示與交互上起到重要的作用，我們需要在開發和設計網站時更好地掌握JavaScript的優化方式，減少頁面加載時間，確保良好的用戶體驗。