Как включить javascript в html5

-1

Я не могу подключить внешний файл JavaScript к моей странице html. Когда я помещал скрипт на страницу с тегом, все работает , но когда я вставляю его во внешний файл, не работает, что не так?Как включить javascript в html5

<!DOCTYPE!> 
<head> 
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> 
<!-- JQuery da Google --> 
<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<!----------------------> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Document</title> 
<!-- CSS --> 
<link href="style.css" rel="stylesheet" type="text/css" /> 
<!-- JS--> 
<script src="js/function.js" type="text/javascript"></script> 
</head> 

<body> 

<footer> 
<img class="info" src="img/newsletter.png" width="32" height="32" alt="info" /> 
</footer> 

<div id="info"> 
    <ul class="infomenu"> 
     <li class="newsletter">NEWSLETTER</li> 
     <li>PRIVACY</li> 
     <li>CONTACT</li> 
     <li>FOLLOW US</li> 
    </ul> 

</div> 
</body> 
</html>

Javascript

//Jquery Info 
$(document).ready(function(){ 
    $(".info").hover(function(){ 
     $("#info").fadeIn("slow"); 
    }); 

    $(".close").click(function(){ 
     $("#info").fadeOut("slow"); 
    }); 

});

источник

2015-06-18 RM GoodMan

Сначала исправьте свой doctype. Где находится тег ? :) –

@ManojKumar - тег '' не является обязательным. – Quentin

Использовать [валидатор] (http://validator.w3.org/nu/) – Quentin

Вы действительно испортили свой HTML код, попробуйте прибегая к помощи для HTML (5) основы, первый из вас должен изучить базовую конструкцию этого, как следующее:

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf8"> 
     <title>Welcome</title> 
     <link type="text/css" href="styles/default.css"> 
    </head> 
    <body> 
     <!-- HTML Content --> 

     <script type="text/javascript" src=".."></script> 
     <script> 
     // Javascript inside this file 
     </script> 
    </body> 
</html>

link - и script часть не требуется, но в основном это необходимо, поэтому вставьте его в правильном порядке. Попробуйте положить script -Таги за закрытие </body> -Tag, это предотвратит загрузку страницы для файла Javascript до загрузки страницы.

Таким образом, внешний Javascript должен работать, также если вы работаете локально, вы должны использовать программное обеспечение веб-сервера, такое как XAMPP. Если вы используете XAMPP, после его установки вы должны запустить Apache Service, а затем вы заработаете внутри (если вы не изменили путь) папку C:\xampp\htdocs. Если вы создадите папку внутри нее под названием testing и поместите в нее index.php, вы можете ввести следующее в браузере http://localhost/testing и будет искать индекс. html или php и проанализировать его.

Если вы просто дважды щелкните файл, вы в основном получите проблемы с безопасностью, что предотвратит работу вашего кода, как вы намеревались. Вы знаете, что дважды щелкнул файл, если он начинается, как file://, а не http://.

Но, как я уже сказал, google для учебных пособий с нуля. Это требует времени, но вы не можете сделать это, не тратя времени. Поверьте мне, я делаю это уже более 7 лет, и я работаю онлайн почти каждый день, изучая, изучая, читаю, тестирую, кодирую, изучаю, читаю, тестирую, и я ВСЕГДА думаю, что это менее 5% знаний, что я мог бы изучить .. никогда не думай, что ты в конце или рядом с ним .. ты никогда не бываешь, всегда есть чему поучиться, и если ты думаешь, что близишься к концу, ты прекратишь совершенствоваться и никогда не станешь хорошим.

источник

2015-06-18 09:00:29

Давать downvotes без объяснения - это как сказать «Кофе плох». На данный момент возникает вопрос: «Почему кофе плохой? Тебе не нравится вкус? Как вы думаете, кофеин плохой, потому что он окрашивает ваши зубы в коричневый цвет? Но как насчет положительных эффектов кофеина и кофе в целом?» , Будьте конструктивны, не используйте эту кнопку только для того, чтобы получить значки, это хромые, непродуктивные и не обеспечивают качество! Если вы думаете, что я не ответил, тогда: я сделал. Прочтите еще раз, поймите. Если вы не можете управлять основами, ваш код не будет работать, и это его часть. Я показал и объяснил шаги. –

Был, вероятно, другой ответ, который просто ревнив/измучен, что он получил вниз, так что набросился. Здесь я вижу много месть. Я буду стрелять в вас, чтобы помочь :) –

@CagatayUlubay Спасибо –

<script> 
    $(document).ready(function(){ 
    $(".info").hover(function(){ 
     $("#info").fadeIn("slow"); 
    }); 

    $(".close").click(function(){ 
     $("#info").fadeOut("slow"); 
    }); 

}); 

</script>

источник

2015-06-18 09:45:02

Немного объяснений было бы полезно – empiric

Это своеобразное объяснение ... Я бы подумал, что он, по крайней мере, узнает о JS, прежде чем прыгнуть головой в него! '' теги представляют для JS/JQuery для входа внутрь и т. Д. То же, что '' –

Как включить javascript в html5

ответ

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