Question

我真的很喜欢HTML和JS，所以我的问题可能听起来很愚蠢：我不能让我的HTML代码识别并运行我的js代码！无论我做什么，我的HTML文件似乎都没有找到我的js文件，如果有的话 - 它没有做任何事情。

我正在将一个页面作为项目工作，但由于js不起作用，我尝试使用简单的js打开一个简单的HTML文件 - 但它仍然没有做任何事情。

我的问题是：

我可以使用什么js函数来查看HTML文件找到js文件并且一切正常？

这是我的html简单代码：

<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="C:\Users\User\Dropbox\WEB\js\try.css">
<script type="text/javascript" src = "C:\Users\User\Dropbox\WEB\js\scripts.js"></script>
</head>
<div>hi there</div>
<div>bye there</div>

</html>

html和js文件都在同一个文件夹中。 html识别并响应css文件。

这是js代码：

$(document).ready(function(){
    var name = prompt("name?");
    console.log(name);
    $('div').click(function(){
            $('div').fadeOut('slow');
    });

});

然而当我用chrome操作html文件时 - 没有任何反应，不是在我打开时，而是在我点击div元素时。

所以，我做错了什么？有经验的html \ js开发人员可以给我一些关于如何防止这件事情在未来发生的提示吗？

THX，伊沙伊

Answer 1

你有= =之后的空格=

...src = "C...

脚本标签中的

<script type="text/javascript" src = "C:\Users\User\Dropbox\WEB\js\scripts.js"></script>

P.S。你不应该使用这样的路径。只需使用./js/scripts.js即表示：亲爱的html，在与html文件相同的目录中找到js文件，只需转到js子目录并获取名为scripts.js的文件

这个文件名很糟糕，因为它没有说明里面是什么，它已经通过扩展清楚了，它是一些javascript的东西。

如果您对这个神奇的世界如此陌生，请欢迎您在这个仙境中度过愉快的假期。

纯粹的超棒：

https://github.com/bolshchikov/js-must-watch

https://github.com/sorrycc/awesome-javascript

P.S。尝试使用一些现代IDE进行js代码编写，你不会犯任何基本的语法错误。尝试使用WebStorm（开箱即用，其他需要插件），核素或带有js插件的崇高文本。

Answer 2

看来你正在使用jQuery作为JS代码，你应该尝试将它放在你的js脚本之前：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

然后，尝试使用相对路径而不是绝对路径：）。

编辑：像这样：

<link rel="stylesheet" type="text/css" href="try.css">
<script type="text/javascript" src = "scripts.js"></script>

为什么我的html代码会忽略我的js？

2 个答案: