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