Question

对于赋值我需要编写代码以按字母顺序显示数组并计算数组中的项目。我可以做得很好，但最后一个要求是将JavaScript放入外部文件中。我该怎么做？下面是我的代码和我需要放在外部文件中但我不知道如何做到这一点。

这是完成的代码，但我需要脚本标记中的所有内容都在外部文件中

<!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;
     }

Answer 1

将您的代码放入 myFile.js 并将此文件链接到您的HTML文件，如下所示：

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

Answer 2

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

放入.js文件并将其链接到head标签中，src =＆＃34; 文件位置＆＃34;应该是文件所在位置的相对/绝对路径。

Answer 3

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

Answer 4

这很简单

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

作为示例，创建一个名为site的JS文件。然后你的js文件应该是site.js.将您的所有JavaScript代码放在该文件中。

然后在所有CSS之后在html <head>中调用它。请记住，如果你使用jQuery，请在jquery include之后输入你的js文件。

如何将外部javascript文件放入我的html文档？

4 个答案: