爲什麼我的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？

回答

相關問題