Javascript嵌入在HTML或JavaScript在外部文件？

Question

我將需要用很多不同的功能很快寫出很多不同類型的javascript代碼。 例如：

def function example() 

等 哪些優點和在HTML或在外部文件中使用JavaScript的利弊？ 我需要大量的優點和缺點之前，我可以完全下定決心

Answer 1

最大的外部JS文件Pro的是

1. 這將讓你的代碼乾淨。
2. 維修容易。
3. 多個頁面可以使用這些腳本。
4. 由於瀏覽器可以輕鬆緩存，因此性能提高。
5. 您可以輕鬆地縮小它們分離的JS文件。

缺點，如果你把JS和HTML代碼

對面上面點

Answer 2

我會避免在您的HTML文件中有JS。我沒有看到它在那裏的好處。它只需要HTML文件內部的空間：HTML。在外部文件中爲自己和任何正在閱讀您的代碼的人創建乾淨可讀的代碼。

Answer 3

主要區別是，如果你寫JavaScript的外部然後你的代碼是乾淨的，將是您輕鬆瞭解它在未來

Answer 4

可以在HTML和外部文件中使用JavaScript，但我們的主要目的，而編寫代碼是爲了減少頁面加載時間，即減少http請求。

如果您的腳本非常短，並且您只在頁面中調用它一次或兩次，那麼最好在body標籤結束之前保留它。它減少了額外的http請求。

如果您有很多功能並在您的頁面中多次調用，那麼最好使用外部文件。它在加載後會被緩存在瀏覽器中，所以下次訪問時，頁面加載速度會更快。

Answer 5

我個人認爲最好的方式去了解它

1. 是創建一個清理文檔內容並確保所有信息都在那裏，並且可以立即通過客戶請求訪問。

2. 比確保你已經正確格式化的內容，並通過適當的清潔，絕對無差錯的HTML

3. 標記比確保你的CSS呈現代碼的最佳使用創造了最佳結構可能只有在絕對必要時才逐步達到高級功能，儘可能提供全局選擇器的樣式定義，可重用性和一致性以在整個集合中保持完整性連續性格式符號。永遠不要忘記定義傳統上是文檔主體的頂級父母的字體大小和家族。在編寫和設計html時，這是最重要的，也是非常痛苦的。

4. 你已經確定後，您的數據/信息可以正確地訪問爲是，那麼你開始添加肌肉和交互給它，這是JavaScript的。

在JavaScript編程開發階段，您首先將代碼寫入文檔源代碼。然後，在至少4個主要瀏覽器上調試並測試您的成功代碼之後，您可以開始移動這些代碼塊，以查看它們是否合適。有兩種常用的js代碼類型，它們是操作DOM內容和樣式和結構的代碼，而不是代碼。

如果給定功能，響應和風格是非常具體到當前頁面/應用也絕對在物理上與文檔分開你的js代碼沒有任何好處。但是，在所有啓動和運行之後，您都希望採取一個清潔步驟。這就是您希望移動所有javascript集合的方法的地方，也可能是一個不依賴於DOM可用性的小型私有庫，直到文檔頭。將所有其餘部分留在身體元素的底部。

但是，這是在何時何地，你會認爲 - 是它更好，如果我移動從文件頭腳本到外部文件而不是把需要的空間在頭後面抱着我的內容加載的速度？

它是。但是，在打開依賴於這些方法的現有頁內代碼之前，最好將腳本源元素移回文檔正文並插入它。只有前加載腳本操作應始終保留在文檔頭上（主要是功能檢測方法）。

這適用於非常簡單和小的一組頁面，否則可重複使用的代碼和功能儘可能多的與給定的內容將要求您將它們全部在一個（更優選地，單個）外部文件中移動。最小化服務器請求。因爲一旦加載所有其他頁面將從現金中提取。

P.S：我的打字可能錯誤或道歉，如果我留下了一個未完成的想法或一個句子寫這個草案。 此致敬禮。