Уровень: начальный — начальный
Если вытолько начинаете работать с JavaScript, вам необходимо знать, где писать код на веб-странице, в приложении или мобильное приложение. Если вы знакомы с языками разметки CSS и HTML, вы, возможно, уже знаете, что веб-разработчики часто сочетают CSS и HTML с JavaScript для создания интерактивных веб-страниц. При использовании в Интернете JavaScript часто использует эти языки разметки для обработки визуальных элементов и содержимого. Добавлен JavaScript, чтобы предоставить разработчикам возможности для расширенных взаимодействий, вычислений и эффектов. Возможно, вы нашли фрагмент кода, который хотите использовать, и теперь вам нужна помощь, чтобы добавить его на HTML-страницу, но вы плохо разбираетесь в программировании. Эта статья для вас.
Итак, давайте представим, что у вас уже есть страница HTML/CSS и некоторый JavaScript, который вы хотите добавить к ней. У вас есть два варианта добавления кода JavaScript: вы можете написать код встроенным или добавить его в виде отдельного файла.
Как правило, встроенный код работает в ограниченных ситуациях, когда вам не нужно добавлять много кода. Ваш проект может стать беспорядочным, если вам нужно добавить много кода в файл HTML. Если вам нужно добавить больше нескольких строк кода, сегментация кода в отдельный файл может быть более аккуратным подходом.
Чтобы добавить JavaScript в строку, вы будете использовать:
<script></script>
Поместите свой код между этими тегами. Добавьте теги и код в раздел ‹head› вашего HTML-документа. Иногда вам потребуется поместить сценарий в тело HTML-документа, чтобы код выполнялся на странице в определенное время (помните, что код выполняется линейно). Веб-приложение/страница будет запускать код линейно сверху вниз. В зависимости от того, где вы используете JavaScript, иногда у вас нет возможности связать отдельный файл. Например, система управления обучением, которая позволяет создавать настраиваемые HTML-страницы, но не использовать отдельные файлы CSS или JavaScript. В этих случаях вам придется использовать встроенный код.
Использование отдельного файла JavaScript
Если вы используете платформу, на которой вы можете загрузить папку с несколькими файлами вместе с файлом HTML (.css и .js), вы можете создать отдельный файл для своего кода. Отдельные файлы .js могут ускорить загрузку страниц. Кроме того, если вам нужно использовать один и тот же код на нескольких страницах, создание отдельного файла позволит вам ссылаться на этот код без необходимости помещать его на каждую HTML-страницу вашего сайта. В той же папке, где находится ваш файл HTML, создайте файл JavaScript. Чтобы считаться файлом JavaScript, обязательно поставьте .js в конце имени файла (например, «dogfood.js»). Вы можете создать этот файл с помощью редактора кода, такого как Visual Studio Code (один из лучших). С вашим JavaScript в файле .js вам не понадобятся скобки ‹script›, которые вы сделали в файле HTML вокруг вашего кода. Так что, по крайней мере, у вас будет один файл .html и файл .js. Если вы используете такой сервис, как WordPress, вам может потребоваться загрузить файл .js в надстройку или плагин, а затем применить его к вашим html-страницам.
После получения файла .js в той же папке, что и файл .html, вам нужно будет добавить одну небольшую строку копии в тело файла .html:
<script src="name_of_file.js"></script>
Это позволит файлу .hmtl ссылаться на файл .js. Если файл JavaScript хранится в каком-то облачном хранилище, вы будете вставлять весь URL-адрес между кавычками, где написано name_of_file.js.
Вот и все. к этому! Даже если вы не знаете никакого кода и заимствуете код у кого-то другого, вы можете использовать эти шаги, чтобы заставить заимствованный код работать на вашей веб-странице.
