Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML不链接脚本或样式表_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript HTML不链接脚本或样式表

Javascript HTML不链接脚本或样式表,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图将jquery和css文件链接到一些HTML,但我没有运气。页面的CSS没有在我的浏览器(Chrome)中设置任何样式。此外,我还尝试将脚本标记放在主体和头部(我知道这是一种糟糕的样式,我只是想尝试一下),我的脚本中有console.log()没有记录任何内容,因此我知道它们没有正确链接。有人能告诉我为什么这不正常吗 <!DOCTYPE html> <html> <head> <link type="text/css" re

我试图将jquery和css文件链接到一些HTML,但我没有运气。页面的CSS没有在我的浏览器(Chrome)中设置任何样式。此外,我还尝试将脚本标记放在主体和头部(我知道这是一种糟糕的样式,我只是想尝试一下),我的脚本中有console.log()没有记录任何内容,因此我知道它们没有正确链接。有人能告诉我为什么这不正常吗

<!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>

省力
控制台日志(“预褪色”);
$(文档).ready(函数(){
控制台日志(“淡出”);
$(“#logo”)。淡出(“慢”);
});

用这个abouve body标签替换脚本:p css链接很好,但可能css不起作用,或者名称与你写的不一样

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

警报(“Ist工作”);

但如果我觉得这工作不错的话

我认为您的代码是正确的 你的css文件应该是nam“WLE.css”,我的意思是用大写字母,并且应该和这个html文件在同一个目录中 . 对于JQuery,它被正确链接,它对我和Img的作用在我的测试中逐渐消失。 为了测试您的链接文件(图像、css、js),您可以使用编写的任何代码进行测试。在Chrome中转到您的页面,然后:

单击鼠标右键>检查元件>网络(选项卡)

并刷新页面,如果任何图像或文件链接不正确,它将显示为红色。 试试看,你就会明白。
我希望这对你有帮助。

很好用。你能用小提琴演示一下
不起作用吗
是的,它对我也起作用。这个文件名正确吗<代码>WLE.css