它是一個很好的實踐中調用插件<SCRIPT SRC =「plugin.js>

Question

我很好奇，通常這是一種方法，我會打電話給在頁面上的插件：

<script type="text/javascript" src="plugin.js"></script> 
<script> 
//apply plugin to elements/call plugin 
</script> 

但止跌」 t將其更有意義，也許節省一些代碼來調用這樣的插件嗎？

<script type="text/javascript" src="plugin.js"> 
    //apply plugin/call plugin 
</script> 

老實說，我不認爲我已經看到了這樣做過，而且我很好奇，爲什麼？我是新來的jQuery和JavaScript所以不要判斷;）

Answer 1

<script type="text/javascript"></script>什麼都不做。它是一個空的腳本元素。

根據您的問題的標題，我想你的意思是：

<script src="plugin.js"></script> 
<script> 
// Use functions defined in plugin.js 
</script> 

相比：

<script src="plugin.js"> 
// Use functions defined in plugin.js 
</script> 

如果是這樣的：後者將無法​​工作。一個腳本元素加載一個腳本，它可以來自元素或內的文本節點的一個URL。

規範描述the content of a script element as：

如果沒有src屬性，取決於類型屬性的值，但必須符合劇本內容的限制。 如果存在src屬性，則該元素必須爲空或者僅包含也符合腳本內容限制的腳本文檔。

Answer 2

假設你的標題是你問爲什麼我們不在同一個標​​籤中包含腳本，我們使用了src屬性。

https://developer.mozilla.org/en-US/docs/HTML/Element/script

SRC

該屬性指定外部腳本的URI;這可以用來替代直接在文檔中嵌入腳本。具有指定的src屬性的腳本元素不應該在其標記中嵌入腳本。

這是因爲當您使用src屬性時，瀏覽器可能會忽略包含的腳本。

Answer 3

什麼是好的做法取決於很多事情。

如果您打算進行性能測試，絕對最快的方法是將所有腳本聯機並且只包含您需要的腳本。

如果您正在查看多個請求（即瀏覽您的網站的用戶），使用includes可以讓您利用緩存。

另一個極端是您正在構建大型JavaScript應用程序的位置。在這裏你可能想要一次加載所有的JavaScript，或者使用一些lazy-loader加載你可能不需要的模塊。

存在適用於所有情況下沒有一個解決方案。考慮你的用例，並選擇最適合你的策略。