从HTML链接时,Javascript文件无效

时间:2015-03-24 15:14:04

标签: javascript jquery html html5 hyperlink

我是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 files not working when linked, but work internally?

javascript file not working when linked from HTML

Javascript not working with HTML external link

我一直在打破这个问题。非常感谢帮助。感谢。

修改 代码在Windows中运行良好,但在Linux中运行不正常。我现在更加困惑。

4 个答案:

答案 0 :(得分:0)

您使用的是谷歌浏览器吗? 我从这里解决了问题的解决方法:
Error 6 (net::ERR_FILE_NOT_FOUND): The file or directory could not be found

  

我认为你现在已经解决了这个问题,但是对于重要的事情我在Google Chrome上遇到了同样的问题,我做了以下修复:

     
      
  1. 选择自定义和控制Google Chrome(右上角的按钮)
  2.   
  3. 选择设置
  4.   
  5. 扩展
  6.   
  7. 取消标记所有扩展名。 (它们应显示为启用而不是启用)   的问候,
  8.   

答案 1 :(得分:0)

由于您使用的是Linux,因此请确保您对所使用的所有文件和文件夹具有读/写权限。这可能会导致这些类型的问题。

答案 2 :(得分:0)

你想检查script.js是否与html在同一个文件夹中,如果没有,那么你需要使用路径到达该文件夹,然后引用javascript文件。

答案 3 :(得分:0)

答案是OP。这是一个非常愚蠢的错误,我错误地存储了“script.js”的名称。我把它存储为“srcipt.js”。我在Windows中制作了单独的文件并将代码复制到那里,而不是复制文件,这就是它在那里工作的原因。