将CSS和js与HTML文件链接时遇到问题

时间:2019-07-18 09:50:36

标签: javascript html css

我无法将css和js文件链接到html文件。

我在其他人的代码中看到的最常见的问题是他们的文件不在同一个文件夹中,而我的文件在同一个文件夹中,但仍然无法正常工作。

<!DOCTYPE HTML>    
    <head>
        <link href="style.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        <script type="text/javascript" src="app.js"></script>
    </body>
</html>

2 个答案:

答案 0 :(得分:0)

如果您使用以下内容:

<!DOCTYPE HTML>    
<head>
    <link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
    <script type="text/javascript" src="app.js"></script>
</body>

我希望您的文件夹结构如下:

www/
   index.html
   app.js
   style.css

对吗?

您的代码似乎还可以,但是您要面对的确切问题是什么? CSS和JS都无法加载?

仅供参考,文件不必位于同一目录中。通常,它们被分成多个文件夹以保持环境清洁:

www/
   index.html
   js/app.js
   css/style.css

您在浏览器控制台中看到任何错误吗?那可以帮助您发现错误

答案 1 :(得分:-2)

尝试使链接尽可能简单,例如 对于js,请在您的HTML中使用script标记,看看它是否有效,然后您进行链接