Основы JavaScript: Привет, мир JavaScript
При изучении любого языка программирования первой программой, которую вы всегда будете писать, будет программа «Hello World». Программа «Hello World» на самом деле является самой простой программой, которую вы когда-либо писали на JavaScript и на любом другом языке. Брайан Керниган фактически написал первую привет, мир” программу как часть документации для языка программирования BCPL. разработан Мартином Ричардсом. BCPL использовался во время разработки C в Bell Labs за несколько лет до публикации книги Кернигана и Ритчи по C в 1972 году.
Надеюсь, вы уже выбрали свой любимый текстовый редактор. Если вы еще этого не сделали, загрузите VSCode от Microsoft здесь или вы можете использовать текстовый онлайн-редактор (как я использую для этого урока). Зайдите в Repl, зарегистрируйтесь и выберите редактор для HTML, CSS и JAVASCRIPT.
Помните, что JavaScript должен быть встроен в HTML-файл, и в последней статье мы остановились на вопросе Как я могу вставить JS в HTML?.
Использование тега скрипта
Код JavaScript можно вставить в файл HTML с помощью тега ‹script›. Тег script может быть вложен или помещен в ‹head› или ‹body› HTML-документа. Теперь, когда мы знаем, как вставлять JavaScript с помощью тега script, давайте создадим программу, которая выводит «Hello JavaScript World» в диалоговое окно.
Мы бы использовали метод JavaScript window.alert(). Метод — это действие, которое может быть выполнено над объектами. alert() — то же самое, что и window.alert(), отображает диалоговое окно с указанным сообщением и кнопкой OK. Указанное сообщение в нашей программе будет «Hello JavaScript World». Также обратите внимание на то, что в приведенном выше коде тег ‹script› имеет исходный HTML-атрибут (src = «script.js»), но пока мы его игнорируем.
Мы добавили метод alert() и в скобках поместили строку. Строка — это любой текст, заключенный в кавычки. Посмотрим на результат.
Давайте воспользуемся тегом ‹script›, но удалим код JavaScript из HTML-файла. В больших программах рекомендуется отделять код JavaScript от кода HTML, и мы можем добиться этого с помощью атрибутов HTML — атрибут HTML является модификатором HTML. > тип элемента. Атрибут либо изменяет функциональность по умолчанию для типа элемента, либо предоставляет функциональность определенным типам элементов, которые не могут правильно функционировать без них. В нашем случае мы будем использовать атрибут src. Атрибут src в HTML указывает URL-адрес (унифицированный указатель ресурсов) файла. Текстовый онлайн-редактор, который я использую в этом руководстве, имеет файл с именем script.js (помните, что .js делает его файлом JavaScript). Я бы написал код JavaScript в файле script.js и использовал атрибут src, чтобы связать его с файлом HTML.
Здесь мы добавили атрибут src.
Это файл JavaScript — script.js. Здесь нам не нужно использовать тег ‹script›, потому что это больше похоже на дом JavaScript, и вы можете свободно писать что угодно на JavaScript.
Это работает отлично.
Примечание.Не следует использовать атрибут src в теге скрипта и по-прежнему писать код JavaScript между тегом скрипта.
РЕЗЮМЕ
В этой статье я не показывал вам, как создать отдельный файл в текстовом редакторе и сохранить его как script.js. Это было сделано намеренно, чтобы вы могли наслаждаться суровостью самообучения! Теперь мы знаем, что: -
- Мы можем использовать тег ‹script›, чтобы добавить код JavaScript в код HTML.
- Мы узнали о методе alert() и о том, как его использовать. Дополнительные методы в последующих руководствах.
- Мы изучили HTML-атрибут src и научились его использовать.
В нашей следующей статье мы будем изучать переменные в JavaScript. Если вы не следили за серией, ниже приведены ссылки на предыдущие статьи.
Следите за мной в Twitter, LinkedIn и Github
