HTML文件未读取外部JS文件

时间:2018-07-15 12:17:27

标签: html

我的html文件,当我在本地PC上运行它时,它永远不会获取javascript文件

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
<script type="text/javascript" src="../script.js"></script>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css">

3 个答案:

答案 0 :(得分:1)

更改顺序。

第一个CSS的{您和您的自举CSS或其他} 然后是JavaScripts {jquery和|或bootstrap js和|或您的}

可能会很好地加载

答案 1 :(得分:0)

我想基本上.js文件必须存在于index.html的父目录/文件夹中。

根据以下内容,基本上应该是您的文件夹结构 script.js的参考

Directory Structure

app    |    | ---- script.js    |    | ----- html                   |                   | ----- index.html

只需添加一下,即可将index.html和script.js保留在同一文件夹中,只需将../移到父文件夹的上一级即可。

答案 2 :(得分:0)

使用src="../script.js",您要求导航器在父文件夹中查找。

正如您所说的所有文件都在同一个文件夹中,应将源值替换为:

  • 'script.js'(相对路径)
  • 'C /.../ yourProject / script.js'(完整路径)