为什么我的 html 代码忽略了我的 js？答案

【问题标题】：why does my html code ignores my js?为什么我的 html 代码忽略了我的 js？
【发布时间】：2016-05-29 19:21:24
【问题描述】：

我对 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 开发者能否给我一些提示，告诉我如何防止这种事情在未来发生？

谢谢，一晒

【问题讨论】：

你不是忘了包括 JQuery 吗？
1. 您的 JS 代码正在使用 jQuery。因此，您需要将其加载到您的页面中。 2. 您的divs 应包含在<body> 标记中。 3. 绝对 URL 需要协议（例如 http://、https://）。在您的情况下，由于您在本地执行此操作，因此您的 URL 应如下所示：file:///C:\Users... 4. 要测试您的代码是否正确加载，只需将 alert('JS code loaded'); 放在它的顶部.
问题出在 URL 上。您应该提供相对路径而不是物理路径。
@doug65536 提问者没有遵循 jQuery 文档。这样的问题对其他人没有用处。
有没有人注意到这个问题被标记为reactjs，而不是jquery？似乎两者都使用相似的，如果不是相同的语法（虽然我自己不熟悉 reactjs）。

标签： javascript html file reactjs

【解决方案1】：

您似乎使用 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>

【讨论】：

【解决方案2】：

= 前后有空格

...src = "C...

在你的脚本标签中

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

附：你不应该使用这样的路径。就用./js/scripts.js，意思是：亲爱的html，找到与html文件相同目录下的js文件，进入js子目录，抓取名为scripts.js的文件

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

如果您对这个神奇的世界如此陌生，欢迎您在这个仙境享受您的逗留。

真棒：

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

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

附言尝试一些现代 IDE 来编写 js 代码，你不会犯任何基本的语法错误。尝试 WebStorm（开箱即用，其他需要插件）、Nuclide 或带有一些 js 插件的 sublime text。

【讨论】：