HTML无法链接脚本或样式表

Question

我试图将jquery和一个CSS文件链接到一些HTML，但我没有运气。 该页面的CSS在我的浏览器（Chrome）中未设置任何样式。 另外，我尝试将脚本标签放在身体和头部中（我知道这是不好的风格，我只是想尝试一下），并且我的脚本中有console.log（）s，它没有记录任何内容所以我知道他们之间的链接不正确。 谁能告诉我为什么这不起作用？

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="WLE.css">
        <title>w/Way Less Effort</title>
    </head>

    <body>
        <img id="logo" src="WLE.jpg">
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script type="text/javascript">
            console.log("pre-fade");
            $(document).ready(function() {
                console.log("fading out");
                $("#logo").fadeOut("slow");
            });
        </script>
    </body>
</html>

Answer 1

以此替换脚本，在正文标签：P css链接很好，但css不能正常工作或名称不像您写的那样。

    <script type="text/javascript">
    alert("Ist work");
    </script>

但是，如果我觉得很好，这项工作。 http://jsfiddle.net/2Fv8f/

Answer 2

我认为您的代码是正确的，您的文件css应该以大写字母命名为“ WLE.css”，并且应该与此html文件位于同一目录中。 对于JQuery，它已正确链接，并且对我和Img的工作在测试中消失了。 为了测试您的链接文件（图像，css，js），您可以使用编写的任何代码来执行此操作。 在Chrome中转到您的页面，然后：

Click right > Inspecte element > Network (Tab) ：

刷新页面（如果任何图片或文件链接不正确的话）将显示红色。 尝试，您将看到。 希望对您有帮助。

HTML无法链接脚本或样式表

问题描述

2 个解决方案

解决方案1
0 2014-07-19 02:25:25

解决方案2
0 2014-07-19 02:30:12

HTML无法链接脚本或样式表

问题描述

2 个解决方案

解决方案1 0 2014-07-19 02:25:25

解决方案2 0 2014-07-19 02:30:12

解决方案1
0 2014-07-19 02:25:25

解决方案2
0 2014-07-19 02:30:12