如何將外部javascript文件放入我的html文檔？

-6

對於賦值我需要編寫一個代碼來按字母順序顯示數組並計算數組中的項。我可以做到這一點，但最後的要求是把JavaScript放到一個外部文件中。我該如何做到這一點？下面是我的代碼和我需要放在外部文件中，但我不知道如何做到這一點。如何將外部javascript文件放入我的html文檔？

這是最終的代碼，但我需要在腳本標記一切是在外部文件

<!DOCTYPE html> 
<html> 

<head></head> 

<body> 

    <h2>Question 2 Array</h2> 

    <p id="array"></p> 

    <button onclick="alpha()">Sort alphabetically</button> 
    <button onclick="count()">Count items in array</button> 

    <script> 
    var products = [" Printer", " Tablet", " Router", " Keyboard", " Mouse", " PC"]; 
    document.getElementById("array").innerHTML = products; 

    function alpha() { 
     document.getElementById("array").innerHTML = products.sort(); 
    } 

    function count() { 
     document.getElementById("array").innerHTML = products.length; 
    } 

    </script> 


</body> 

</html>

只是將它縮小這裏的東西去外部。

var products = [" Printer", " Tablet", " Router", " Keyboard", " Mouse", " PC"]; 
    document.getElementById("array").innerHTML = products; 

    function alpha() { 
     document.getElementById("array").innerHTML = products.sort(); 
    } 

    function count() { 
     document.getElementById("array").innerHTML = products.length; 
    }

來源

2016-02-05 FearlessENT

爲什麼你不真的學習JavaScript？這是一個網站，人們提出的問題在書籍，教程等方面都沒有答案。你顯然不知道使用這個網站的HTML和JavaScript差不多。你可以從這裏開始你的學習http://www.w3schools.com/ – Slavic

通過上面的javascript和html判斷，我認爲我學到了一些javascript和html。也許我無法在視頻或書籍中找到答案，並想要問某個人？你的評論根本沒有幫助。 – FearlessENT

把你的代碼中myFile.js並將該文件鏈接到您的HTML文件，如：

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

來源

2016-02-05 09:38:50

謝謝，這真的很有幫助。正是我需要的。 – FearlessENT

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

把.js文件內和頭部內掛靠標記，文件的src =「位置」應該是文件所在位置的相對/絕對路徑。

來源

2016-02-05 09:38:57

<!DOCTYPE html> 
<html> 
<head> 
<script src="path_to_external_file"></script> <!-- here comes your javascript file path --> 
</head> 
<body> 
</body> 
</html>

來源

2016-02-05 09:39:20 prashant

這是非常簡單的

<script src="path to your .js file"></script>

舉個例子創建一個名爲網站JS文件。然後你的js文件應該是site.js.將所有JavaScript代碼放入該文件中。

然後在所有css之後在html <head>中調用它。請記住，如果你使用jQuery把jquery包含在你的js文件。

來源

2016-02-05 09:41:41 user2584538

如何將外部javascript文件放入我的html文檔？

回答

相關問題