Быстрые ссылки
я стал Язык программирования JavaScript Важный компонент Современная веб-разработка. Этот мощный язык превратился в незаменимый инструмент для любого Веб-разработчик.
содержат JavaScript Он имеет специальные функции, которые отличают его от традиционных языков программирования. Мы рассмотрим, что это такое, как это работает и что вы можете сделать с этим укусом. Давайте начнем.
Что такое JavaScript?
JavaScript Это язык программирования для Интернета. где это интерпретируемый язык (интерпретируемый язык программирования - это язык программирования, на котором написанные программы не переводятся на машинный язык процессора, а должны интерпретироваться с помощью программы, называемой Объяснитель для выполнения программ, написанных на нем.), что означает, что ему не нужен компилятор для компиляции своего кода, такого как C или C ++. Код JavaScript запускается непосредственно в веб-браузере.
JavaScript используется для создания интерактивных веб-страниц и предоставления веб-приложений, включая игры; Он используется большинством веб-сайтов и поддерживается почти всеми браузерами без необходимости использования сторонних надстроек.
JavaScript работает с HTML и CSS для создания веб-приложений или веб-страниц. JavaScript поддерживается большинством современных веб-браузеров, таких как Google Chrome, Firefox, Safari, Microsoft Edge, Opera и т. Д. Большинство мобильных браузеров для Android и iPhone теперь также поддерживают JavaScript.
JavaScript управляет динамическими элементами веб-страниц. Он работает в веб-браузерах, а в последнее время и на веб-серверах. API-интерфейсы также поддерживаются JavaScript, что дает вам больше возможностей.
Понимать все способы работы JavaScript немного легче, когда вы понимаете, как работает веб-программирование, поэтому давайте узнаем больше.
Создавать блоки веб-приложений
Есть три компонента, которые заставляют вас создавать веб-сайты и приложения: язык гипертекстовой разметки (HTML), каскадные таблицы стилей (CSS) и JavaScript. У каждого есть своя роль в создании веб-приложения.
- HTML Это язык, предназначенный для создания структуры веб-страницы. Все абзацы, разделы, изображения, заголовки и текст написаны в HTML. Контент появляется на сайте в том порядке, в котором он написан в HTML.
- контроль CSS по стилю, внешнему виду и дополнительным аспектам планировки. CSS используется для создания дизайна веб-сайта из цветов, шрифтов, столбцов, границ и т. Д. Этот язык переводит сайт от простых текстовых элементов к красочному дизайну.
- Третий элемент - это JavaScript. HTML и CSS создают структуру, но оттуда ничего не делают. JavaScript создает динамическое действие в вашем приложении. Сценарии JavaScript - это то, что контролирует, какие функции выполняются при нажатии кнопок, как аутентифицировать формы пароля и как управлять аргументами.
Эти три части работают в гармонии друг с другом, создавая комплексные приложения. Было бы неплохо узнать больше о HTML и CSS Если вы не Полностью доволен собой.
Как работает javascript?
Прежде чем писать на JavaScript, важно знать, как этот язык программирования работает изнутри. Необходимо знать две важные части: как работает веб-браузер и объектная модель документа (DOM).
Веб-браузер загружает веб-страницу, анализирует HTML и создает из содержимого так называемую объектную модель документа (DOM). Модель DOM выполняет рендеринг веб-страницы в ваш код JavaScript в реальном времени.
Тогда в браузере будет все, что связано с HTML, например изображения и файлы CSS. Информация CSS поступает из парсера CSS.
HTML и CSS объединяются DOM, чтобы сначала создать веб-страницу. Затем средство запуска JavaScript в браузерах загружает файлы JavaScript и встраивает коды, но не запускает код сразу. Ожидает завершения загрузки HTML и CSS.
Как только вы это сделаете, коды JavaScript будут выполняться в том порядке, в котором они были написаны. В результате DOM обновляется кодом JavaScript и отображается браузером.
Здесь важен порядок. Если JavaScript не ждет файлов HTML и CSS, вы не сможете изменить элементы DOM.
Что я могу делать с javascript?
JavaScript - это законченный язык программирования, который может делать большинство вещей, которые может делать обычный язык, такой как Python. Это включает:
- установить переменные.
- Храните и извлекайте значения.
- Определите и вызовите функции.
- Определите объекты JavaScript и их классы.
- Скачайте и используйте внешние блоки.
- Написание обработчиков событий, которые реагируют на события щелчка.
- Напишите код сервера.
- И многое другое.
Предупреждение: Поскольку JavaScript - мощный язык, также можно писать вредоносные программы, вирусы и навязчивый контент браузера, чтобы нанести вред пользователям. Они варьируются от кражи файлов cookie браузера, паролей и кредитных карт до загрузки вирусов на ваш компьютер.
Использовать javascript
Давайте посмотрим на некоторые основы JavaScript с примерами кода.
установить переменные
JavaScript написан динамически, что означает, что вам не нужно устанавливать тип переменных в коде.
let num = 5; let myString = "Hello"; var interestRate = 0.25;
Математические операции
Добавить
12 + 5 >> 17
предложение
20 - 8 >> 12
умножение
5 * 2 >> 10
деление
50/2 >> 25
остаточный коэффициент
45 ٪ 4 >> 1
матрицы
let myArray = [1,2,4,5]; let stringArray = ["hello","world"];
Функции
يمكن لجافا سكريبت كتابة الدوال ، وإليك دالة بسيطة تضيف أرقامًا.
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15
Репетиция
JavaScript может выполнять циклические итераторы через for и while.
for(let i = 0; i < 3; i++){
console.log("echo!");
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i < 3) {
console.log("echo!");
i++;
}
>> echo!
>> echo!
>> echo!
Комментарии
// написать комментарий
/* Напишите многострочный комментарий
Вы можете использовать столько строк, сколько хотите
Чтобы разделить текст и сделать комментарии более читабельными
* /
на веб-странице
Наиболее распространенный способ загрузки JavaScript на веб-страницу - использование тега HTML. В соответствии с вашими требованиями вы можете использовать один из следующих способов.
Загрузите внешний файл JavaScript на веб-страницу следующим образом:
<script type="text/javascript" src="/path/to/javascript"></script>
Вы можете указать полный URL-адрес, если файл javascript находится в другом домене, чем веб-страница, следующим образом:
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
JavaScript можно встроить прямо в HTML. Вот как:
<script type="text/javascript">
alert("Page is loaded");
</script>
Помимо этих методов, есть способы загрузки кода JavaScript по запросу. Фактически, существуют фреймворки, предназначенные для загрузки и запуска модулей JavaScript с соответствующими зависимостями, разрешенными во время выполнения.
Это более сложные темы, и теперь вы изучаете основы.
Пример фрагмента кода javascript
Вот несколько простых примеров кода JavaScript, чтобы показать вам, как использовать его на веб-страницах. Это примеры кода, который работает с DOM.
Ниже показан выбор всех темных элементов в документе и настройка первого цвета на красный.
var elems = document.getElementsByTagName('b');
elems[0].style.color = 'red';
Хотите поменять изображение в теге img? Следующие инструкции связывают обработчик событий с событием нажатия кнопки.
<img id="myImg" src="prev-image.png">
<button onclick="document.getElementById('myImg').src='new-image.png'">Change Image</button>
Обновить текстовое содержимое элемента абзаца (P)? Установите свойство innerHTML элемента, как показано:
<p id="first-para">Hello World</p>
<button onclick="document.getElementById('first-para').innerHTML = "Welcome to JavaScript!"'>Click me</button>
Эти образцы кода дают лишь представление о том, что вы можете делать с помощью JavaScript на своей веб-странице. Существует множество руководств, которые научат вас программировать, чтобы начать работу. Вы можете попробовать это на любой странице, даже на этой! Откройте консоль и попробуйте какой-нибудь код JavaScript.
Теперь вы знаете, что делает JavaScript
Мы надеемся, что это введение принесло некоторые идеи в JavaScript и вдохновило вас на веб-программирование. Есть много ресурсов, чтобы узнать больше о JavaScript. Как только вы почувствуете себя более комфортно, почему бы не попробовать Чтобы узнать, как использовать DOM?
