【问题标题】:CSS and Javascript are not loadingCSS 和 Javascript 未加载
【发布时间】:2019-04-01 19:22:56
【问题描述】:

当我通过文件夹在浏览器中打开我的文件时,我的 css 和 Javascript 没有显示。我的文件在同一个文件夹中,该文件夹是子文件夹的子文件夹

我已尝试重命名文件。

<head>
 <link rel="stylesheet" type="text/css" href="style.css">
 <link href="https://fonts.googleapis.com/css?family=Open+Sans:600,700" rel="stylesheet">
 <title>A simple calculator</title>
</head>


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

【问题讨论】:

  • 你的结束 标签在哪里?
  • 请与我们分享您的文件夹结构,以便我们查看您的 index.html 文件与其他文件的比较
  • C:\Users\user\Documents\GitHub\CodingOni.github.io\bCalculator
  • 您确定您的 javascript 文件中没有导致文件加载失败的语法错误吗?检查浏览器上的开发者控制台,看看是否记录了任何错误。
  • 请在此处添加您的 html 代码

标签: javascript html css


【解决方案1】:

可以用./表示css和js文件在同一个目录,也可以用./表示当前目录。这将是 css 和 js 文件的相对路径。

<html>
    <head>
         <link rel="stylesheet" type="text/css" href="./style.css">
         <link href="https://fonts.googleapis.com/css?family=Open+Sans:600,700" rel="stylesheet">
         <title>A simple calculator</title>
    </head>
    <body>

        <script src="./calc.js"></script>
    </body>
</html>

【讨论】:

    【解决方案2】:

    首先,您要确定那些 css 文件和 javascript 文件所在的位置。这意味着哪些文件夹包含特定的 css 文件和 javascript 文件。当您将 css 文件和 javascript 文件与主 html 页面集成时,从当前目录设置特定 css 或 javascript 文件的路径。如果特定文件与当前工作目录在同一级别,则初始化特定目录的路径。同时如果您的工作目录和特定目录处于不同的级别,首先转到特定目录级别并初始化路径。(如果您想进入前(后)目录,可以使用“.”。 ex - 如果您想返回 1 级,可以使用 './'。如果你想返回两级目录'../' 可以使用。)。我希望你明白了。干杯!

    【讨论】:

      猜你喜欢
      • 2017-11-24
      • 2018-03-26
      • 2014-04-07
      • 1970-01-01
      • 2010-10-06
      • 2011-06-11
      • 1970-01-01
      • 1970-01-01
      • 2021-01-14
      相关资源
      最近更新 更多