從HTML鏈接時，JavaScript文件不起作用

Question

我是javascript新手，正在嘗試使其正常工作。 當我從HTML鏈接到我的外部.js文件時，它不起作用，但是當我直接在HTML文件中輸入腳本時，它就起作用了。 我確信我在HTML中給出的src鏈接是正確的。 我已經檢查了多次。 我兩個鏈接的.js文件都與HTML文件位於同一文件夾中。

這是index.html文件：

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title>Radar chart</title>
    <script src="http://d3js.org/d3.v3.min.js"></script>
    <script src="RadarChart.js"></script>
    <style>
        body {
          overflow: hidden;
          margin: 0;
          font-size: 14px;
          font-family: "Helvetica Neue", Helvetica;
        }

        #chart {
          position: absolute;
          top: 50px;
          left: 100px;
        }   
    </style>
  </head>
  <body>
    <div id="body">
      <div id="chart"></div>
    </div>

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

  </body>
</html>

我收到的錯誤如下：

   file:///home/******/*****/Tempelates/Test/script.js Failed to load resource: net::ERR_FILE_NOT_FOUND

我正在使用Linux。 我已經看過以下問題，但它們無濟於事。

鏈接時Javascript文件不起作用，但內部起作用？

從HTML鏈接時，javascript文件不起作用

JavaScript無法與HTML外部鏈接配合使用

我為此一直在掙扎。 幫助將不勝感激。 謝謝。

編輯該代碼在Windows中工作正常，但在Linux中工作不正常。 我現在更加困惑。

Answer 1

您在使用Google Chrome嗎？ 我從這里解決了我的問題：
錯誤6（net :: ERR_FILE_NOT_FOUND）：找不到文件或目錄

我認為您現在已經解決了這個問題，但是對於重要的問題，我在Google chrome上遇到了相同的問題，並且我進行了以下修復：

選擇“自定義和控制Google Chrome”（右上角的按鈕）

選擇設置

擴展名

取消標記所有擴展名。 （應顯示為“啟用”而不是“已啟用”）

Answer 2

由於您使用的是Linux，因此請確保您對正在使用的所有文件和文件夾具有讀/寫權限。 這可能會導致這些類型的問題。

Answer 3

您要檢查script.js是否與html位於同一文件夾中，如果不是，則需要使用路徑到達該文件夾，然后引用javascript文件。

Answer 4

答案是OP。 這是一個非常愚蠢的錯誤，我沒有正確存儲“ script.js”的名稱。 我將其存儲為“ srcipt.js”。 我在Windows中制作了單獨的文件，然后在其中復制了代碼，而不是復制文件，這就是它在那里工作的原因。

從HTML鏈接時，JavaScript文件不起作用

問題描述

4 個解決方案

解決方案1
0 2015-03-24 15:28:53

解決方案2
0 2015-03-24 15:34:19

解決方案3
0 2015-03-24 15:36:13

解決方案4
0 已采納 2015-04-02 22:38:27

從HTML鏈接時，JavaScript文件不起作用

問題描述

4 個解決方案

解決方案1 0 2015-03-24 15:28:53

解決方案2 0 2015-03-24 15:34:19

解決方案3 0 2015-03-24 15:36:13

解決方案4 0 已采納 2015-04-02 22:38:27

解決方案1
0 2015-03-24 15:28:53

解決方案2
0 2015-03-24 15:34:19

解決方案3
0 2015-03-24 15:36:13

解決方案4
0 已采納 2015-04-02 22:38:27