2017-08-14 80 views
0

我正在創建一個儀表板,在我的Web應用程序中顯示不同的圖形。我得到了這段代碼片段,並根據需要進行了編輯。我意識到我的web應用程序變得越來越大。因此,我決定爲每個圖創建一個單獨的JavaScript文件。最初,我把我所有的標籤都放在了我的html頁面的底部,工作得很好。我也有外部資源,例如;如何正確地將外部JS資源鏈接到JS文件中?

<!-- External Resources -->   
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script> 
<script src="https://www.amcharts.com/lib/3/serial.js"></script> 

<!-- Functions --> 
<script> 
    // more codes here. But these codes will go to new .js file 
</script> 

問題,在我的新.js文件,我該如何正確鏈接所有這些外部資源?

在此先感謝!

+0

你的意思是動態加載Javascript? https://stackoverflow.com/questions/1618351/loading-js-files-dynamically-via-another-js-file – cepharum

+0

嗨。所以,當我從我的html文件傳輸我所有的JS代碼到一個新的JS文件,我不能正確鏈接外部資源了,因爲當他們在HTML頁面中,他們在和很容易加載它們。當我將它們轉移到.js文件時,我無法從腳本標記中加載URL。請指教。非常感謝! – Marvin

+0

@IvanKuckir這是錯誤的。 Javascript代碼的執行順序與HTML頁面中定義的順序相同。因此,如果您有三個腳本元素,第一個和最後一個引用外部文件,第二個注入代碼內聯,則第一個引用文件在內聯代碼之前執行,並在最後一個引用文件之前執行。 – cepharum

回答

1

除非「外部資源」範圍的代碼,所以你不能在全球範圍內訪問它,您將能夠訪問所有的JS文件,就像你的腳本標籤中,在文檔中。

如果你的JavaScript代碼<script>標籤之間的工作,它也將當你像這樣的東西將其移動到一個文件,並替換<script>標籤工作:

<script src="/code.js"></script>

+0

嗨,爲感謝您的響應。當我在.js文件中添加

0

只要它們是正如你在這裏顯示的那樣,包含在你的HTML開頭,你應該沒問題。

相關問題