Есть несколько способов опробовать JavaScript, и при изучении лучше всего попробовать их, чтобы увидеть, что работает для вас. Но сначала, посмотрим, как JavaScript соотносится с HTML и CSS?
HTML, CSS и JavaScript
В основном JavaScript запускается в вашем браузере наряду с HTML и CSS и может быть добавлен на любую интернет-страницу с помощью тега script. Элемент script может либо содержать JavaScript напрямую (внутренний), либо ссылаться на внешний ресурс через атрибут src (внешний).
Затем браузер запускает JavaScript построчно, начиная с верхней части файла или элемента script и заканчивая нижней (если вы не укажете ему перейти в другое место).
Внутренний
Вы можете просто поместить код JavaScript внутрь элемента script:
<script>
alert("Hello, world.");
</script>Внешний
Внешний ресурс JavaScript — это текстовый файл с расширением .js, .css.
Чтобы добавить файл JavaScript на свою страницу, вам просто нужно использовать тег script с атрибутом src, указывающим на файл.
Если бы ваш файл был вызван script.js и находился в том же каталоге, что и ваш HTML-файл, ваш элемент script выглядел бы следующим образом:
<script src="script.js"></script>
Вы также можете столкнуться с другим способом в своих путешествиях по view-source: встроенным. Это включает атрибуты событий внутри HTML-тегов, которые выглядят примерно так:
<a href="somewhere.html" onclick="alert('Noooooo!');">Click me</a>Просто двигайтесь дальше и притворись, что ты не был свидетелем этой аберрации. Мы действительно, действительно, действительно хотим разделить наши технологии, поэтому предпочтительнее избегать такого подхода.
Консоль
Последний способ отлично подходит для получения мгновенной обратной связи, и он рекомендуется, если вы просто хотите быстро опробовать какую-то строку.
В современном браузере вы найдёте некоторые инструменты разработчика — часто вы можете щёлкнуть правой кнопкой мыши на странице, затем нажать “проверить элемент”, чтобы открыть их. Найдите консоль, и вы сможете ввести JavaScript, нажать enter и немедленно запустить его.
Поищите в сети, если не можете найти свои инструменты разработки или консоль ─ они постоянно меняются в браузерах.
Вперёд!
Для начала лучшим способом является внутренний метод. Вы можете изменить содержимое элемента script и обновить страницу так же, как вы привыкли ─ быстро и просто.
Теперь пришло время немного выучить JavaScript. Удачи!
Страницы в тему:
- Следующая страница: Переменные и данные
- Предыдущая страница: Урок JavaScript для начинающих
