Импортируйте несколько js-файлов в HTML-код

0

Я только начинаю с JQuery, я импортирую файл jquery src= "http://code.jquery.com/jquery-latest.min.js в свой html файл. Я хочу импортировать и другие функции, которые я создал в тот же файл.Как это возможно, чтобы импортировать несколько js файлов? Например, я хочу отделить готовность от html файла к новому js файлу:

enter <!DOCTYPE html>
      <html>
      <head>

      <link rel="stylesheet" type="text/css" href="site.css" />
      <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">                                          
      </script>

      </head>

      <body>

   <h1><b> TWEET PEAK  </b></h1>
   <a class="button_example button_about" href=" menu.html">    </a>

   <img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/elevator.png"/> 

    <script> 
        $(document).ready(function(){

        $('img').animate({top:'+=100px'},1000);
    });
</script>

    </body>
    </html>here
  • 0
    Просто добавьте другой тег сценария и укажите любое имя файла, затем создайте этот файл и добавьте в него свой сценарий (без тегов сценария) :)
  • 0
    что-то вроде того?? <script src = script.js> <img src = "http: // ... .png </ script>
Показать ещё 1 комментарий
Теги:

1 ответ

3
Лучший ответ

Вы хотите поместить свой код JavaScript в отдельный файл и связать его с помощью другого тега скрипта. Например, если вы поместите свой JavaScript в файл под названием "mycode.js", вы бы связались с ним следующим образом:

<script type="text/javascript" src="mycode.js"></script>

В этом примере mycode.js будет содержать:

$(document).ready(function(){

    $('img').animate({top:'+=100px'},1000);
});

Изменить, чтобы быть более ясным:

Вот как я вижу ваш пример кода:

  <link rel="stylesheet" type="text/css" href="site.css" />
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">                                          
  </script>
  <script type="text/javascript" src="mycode.js"></script>
  <style> img { position: relative; } </style>
  </head>

  <body>

<h1><b> TWEET PEAK  </b></h1>
<a class="button_example button_about" href=" menu.html">    </a>

<img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/elevator.png"/> 


</body>
</html>
  • 0
    Обратите внимание - тег script должен идти после того, который уже находится в html-файле, чтобы jQuery загружался первым :)
  • 0
    Хорошо, тогда моя проблема одушевленная, так как она не работает должным образом.
Показать ещё 5 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню