如何将外部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文档？

回答

相关问题