script標籤的位置

2021-10-10 04:39:31 字數 622 閱讀 1597

在我們編寫**的時候,會在頁面內使用< script >標籤來寫js,雖然理論上script標籤的位置放在**可以,但是還是有一點區別的。

為什麼很多人把script標籤放在底部

初學者在學習js的時候看見很多demo裡面的script標籤寫在底部,但是卻不是很清楚為什麼,下面來解釋一下:

雖然理論上放在**都是可以的,但是對於前端頁面優化來講,還是放在底部是最佳的,因為如果js執行出現錯誤了,最起碼頁面中的元素還能載入出來,因為dom文件是從上往下的順序執行的。

script標籤在body標籤內還是外

許多人認為只要放在底部了,無論是「body標籤閉合之前」還是在「body標籤閉合之後」都是一樣的,其實還是有差別的,因為從html 2.0起放在「body標籤閉合之後」就是不合標準的。之所以但是瀏覽器卻不會報錯,是因為如果在「body標籤閉合之後」後再出現script或任何元素的開始標籤, 都是parse error,瀏覽器會忽略之前的,即視作仍舊在body內。所以實際效果和寫在「body標籤閉合之前」之前是沒有區別的。

所以,只要是讓瀏覽器做了多餘的事都是不好的,雖然差別細微,但是還是應該按照標準來,放在body標籤閉合之前。

script標籤位置放錯報錯

關於使用者名稱 密碼 登入 標籤之後,結果沒有報錯了。問題所在 這裡的 上面的指令碼會從下面的段落中請求資訊。通常,這是做不到的,因為在段落載入之前,指令碼已經執行過了。hello world 然而,defer 屬性規定了指令碼必須在頁面載入完畢後執行。這樣,指令碼就可以從段落中請求資料了。注釋 該...

script標籤的crossorigin屬性

通常我們使用window.onerror來捕獲js指令碼的錯誤資訊。但是對於跨域呼叫的js指令碼,onerror事件只會給出很少的報錯資訊 error script error.這個簡單的資訊很明顯不足以看出指令碼的具體錯誤,所以我們可以使用crossorigin屬性,使得載入的跨域指令碼可以得出跟...

script標籤引入

1 css寫在哪?內部樣式表 屬性樣式 樣式屬性值 內部 style雙標籤,包裹css樣式 外部 外聯 link單標籤href屬性,引入css檔案路徑 2 js寫在哪?內聯 屬性形式 事件觸發 不建議使用,原因 結構和行為的分離,優化專案,便於管理,為了測試方便 內部 script雙標籤,包裹js ...