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

我真的是新的HTML和JS，所以我的问题可能听起来很愚蠢：我不能让我的HTML代码识别并运行我的js代码！无论我做什么，似乎我的HTML文件找不到我的js文件，如果它找到 - 它什么也不做。为什么我的html代码忽略了我的js？

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

我的问题是：

我可以用刚才看到的HTML文件查找js文件什么的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'); 
    }); 

});

然而，当我opne HTML文件铬 - 什么也没有发生，而不是当我打开，而不是当我点击的div元素。

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

THX，伊沙伊

来源

2016-05-29 mizenetofa1989

你没忘了包括JQuery的？ – Seblor

** 1。**您的JS代码使用jQuery。所以你需要将它加载到你的页面。 ** 2。**您的'div'应包含在''标签中。 ** 3。**绝对URL需要一个协议（例如'http：//'，'https：//'）。在你的情况下，因为你在本地做，你的URL应该看起来像这样：'file：/// C：\ Users ...'** 4。**为了测试你的代码是否被正确加载， 'alert（'JS code loaded'）;'在它的顶部。 – blex

问题出在URL上。您应该提供相对路径而不是物理路径。 –

看来你使用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>

来源

2016-05-29 20:06:37

你=之前有空间和后=

...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（很棒的开箱，其他需要插件），核心或崇高的文本与一些插件为JS。

来源

2016-05-29 19:59:59

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

回答

相关问题