內嵌 JavaScript 腳本可以使用 `src` 屬性嗎？

JavaScript 內嵌腳本可以有 Source 屬性嗎？

問題是關於擁有帶有source 屬性的內聯JavaScript 腳本的有效性，例如：

<code class="html"><script type='text/javascript' src='/path/to/script.js'>
    alert('Do some stuff here, using resources defined in script.js.');
</script></code>

與透過來源屬性包含腳本並單獨執行的常見JavaScript 用法不同，此範例嘗試結合這兩種方法。

官方行為

HTML 4.01 規範定義的官方行為規定內嵌腳本不能具有 source 屬性。規範規定：

“如果未設定src 屬性，則使用者代理必須將元素的內容解釋為腳本。如果src 有URI 值，則使用者代理必須忽略元素的內容並檢索透過URI 執行腳本。”

這表示如果存在來源屬性，內嵌腳本的內容將被忽略。

瀏覽器行為

中實際上，主要瀏覽器對此規範的解釋如下：

• Chrome、Firefox 、Edge： 內聯腳本的內容將被忽略，僅執行原始檔中定義的腳本。
• Safari：內聯腳本和原始檔都會執行。

最佳實踐

避免潛在的瀏覽器不一致，建議使用內聯腳本或單獨的腳本文件，但不要同時使用兩者。此方法可確保所有瀏覽器上的行為一致且可預測。

以上是內嵌 JavaScript 腳本可以使用 `src` 屬性嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！