2012-09-03 108 views
2

希望有人能向我解釋,當我們通過腳本標籤包含外部js文件時,外部js文件如何工作。外部js文件如何工作

它就像css文件一樣工作嗎?

謝謝你給

+0

你想知道什麼?你的問題很不清楚。 – davidbuzatto

+0

我的意思是如何調用或執行外部js文件中的函數在將它們與腳本標記包含在HTML文件中後。 – Beicai

回答

2

您需要了解HTML是瀏覽器呈現的文檔。還有其他各種資源可以包括

  • 腳本(JavaScript的&任何這樣的腳本瀏覽器支持)
  • 樣式表(CSS)
  • 圖像(引用無論是在腳本/ CSS /內聯元素)
  • 字體

當瀏覽器加載的文件(HTML)(爲初始HTTP請求的一部分),它試圖取消引用的資源被引用。 如果有任何上述資源的引用,那麼瀏覽器會發出額外的HTTP請求來獲取資源。 如果你已經在HTML文檔中嵌入了JavaScript,那麼瀏覽器不會解釋它,而是JavaScript引擎(瀏覽器的一部分)解釋腳本並運行它。

編輯 另外,請參閱由Marc B.

提供的答案,我建議你運行調試器在任何現代的瀏覽器,以瞭解資源的請求是如何製造的。

enter image description here

+0

謝謝你的回答,現在我開始明白一些事情。 – Beicai

+0

你也可以在http://javascript.crockford.com/script.html上看看。 – sabithpocker

1

file.js: 

alert('foo'); 

file.html: 

<script type="text/javascript" src="file.js"></script> 

基本上沒有什麼不同,作品完全一樣:

file2.html: 

<script type="text/javascript"> 
    alert('foo'); 
</script> 

除了第一個涉及到另一個HTTP請求,這有可能失敗無論什麼原因,讓你沒有JS代碼。另一方面,如果你不使用所有的代碼,將所有的js代碼嵌入到每個頁面中也會浪費帶寬。

+1

別忘了緩存 –

+0

謝謝你的具體例子,簡單但有用。 – Beicai