Почему мой html-код игнорирует мои js?

Я действительно новичок в HTML и JS, поэтому мой вопрос может звучать глупо: Я не могу распознать код HTML и запустить свой код js! Независимо от того, что я делаю, мне не кажется, что мой файл HTML находит мой файл js, если он это делает - он ничего не делает.Почему мой html-код игнорирует мои js?

Я работаю над страницей как с проектом, но поскольку js не работает, я пытаюсь открыть простой HTML-файл с помощью простого js - но он все равно ничего не делает.

мои вопросы:

, что 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'); 
    }); 

});

еще, когда я opne файл HTML с хромом - ничего не происходит, а не когда я открываю и не тогда, когда я нажимаю на элемент DIV.

поэтому, что я делаю неправильно? do experianced html \ js разработчики могут дать мне несколько советов о том, как предотвратить эту вещь в будущем?

ТНХ, Ишай

источник

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>

И, затем, попытайтесь использовать относительный путь вместо абсолютного :).

EDIT: как это:

<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>

P.S. вы не должны использовать такие пути. Просто используйте ./js/scripts.js, а это означает: дорогой html, найдите js-файл в том же каталоге, что и html-файл, просто перейдите в подкаталог js и файл grab с именем scripts.js

Это имя файла плохо, потому что оно ничего не говорит о том, что внутри, по расширению уже ясно, что это некоторые материалы javascript.

Если вы так новичок во всем этом волшебном мире, радуйтесь и наслаждайтесь пребыванием в этой стране чудес.

Pure обалденный:

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

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

P.S. попробуйте некоторые современные IDE для написания кода js, вы не будете делать никаких основных синтаксических ошибок. Попробуйте WebStorm (отлично из коробки, другие требуют плагинов), нуклид или возвышенный текст с некоторыми плагинами для js.

источник

2016-05-29 19:59:59

Почему мой html-код игнорирует мои js?

ответ

Смежные вопросы