Эта статья не является справочным руководством, она подходит только для создания общего понимания JS. Если вам нужен подробный синтаксис и применение JS, перейдите в W3School.
Что такое JavaScript?
Рождение JavaScript
Примерно в 1995 году основная пропускная способность в мире составляла 28,8 кбит/с, а средняя пропускная способность загрузки в мире теперь составляет 21,9 Мбит/с (данные поставляются с http://www.netindex.com). В то время пользователи сети должны были долго ждать, чтобы получать ответ от сервера каждый раз, когда они отправляли форму. Весьма вероятно, что то, что они получили после того, как в течение нескольких минут ожидали, что им не хватало одного. Чтобы улучшить пользовательский опыт, были рождены сценарии, встроенные в клиент браузера, которые могут достичь простого суждения об форме, что является JavaScript.
JavaScript был впервые разработан Бренданом Эйхом, который работал в Netscape (NN2.0), для Netscapenavigator 2.0 (NN2.0), который будет выпущен в 1995 году, а затем назывался Livescript. Поскольку в то время он работал с очень популярной компанией Sun, чтобы догнать тенденцию того времени - Java Language, этот язык был назван JavaScript.
Каковы отношения между JavaScript и Java?
Это также первая реакция мирян, когда они слышат JavaScript, и это также одна из самых критикованных проблем в этом языке.
Строго говоря, нет никаких отношений между половиной цента. Если вам нужно принять участие, возможно, некоторые из этих функций являются одинаковыми, объектно-ориентированными идеями, структурами суждений, операторами цикла и т. Д., Но это, очевидно, не патенты на Java, а консенсус языков программирования.
Стандартизация и история JavaScript
Когда JavaScript был запущен, браузеры NN с лучшим пользовательским опытом доминировали на рынке браузеров, и Microsoft догоняет. Когда IE3 был запущен, Microsoft выпустила VBScript и назвала его JScript, который на самом деле не сильно отличается от JavaScript Netscape (в сегодняшних условиях это подражатель). Столкнувшись с конкуренцией Microsoft, Netscape и Sun представили свой собственный проект JavaScript ECMA (Европейская ассоциация производителей компьютеров) для стандартизации JavaScript и, наконец, сформировал первую версию Ecmascript (ECMA-262).
Интересно, что после стандартизированного JavaScript Netscape была внутренняя проблема. JavaScript Research стагнировало, в то время как Microsoft воспользовалась возможностью, чтобы наверстать упущенное и запустив IE4, который встроил первый двигатель JavaScript, который последовал за спецификациями ECMA, на год раньше NN. Кроме того, Microsoft System постепенно занимает рынок компьютерных операционных систем, и ее предварительно установленная доля рынка браузеров IE постепенно увеличивается, и NN постоянно втиснут на рынок. Однако, когда Microsoft теряет своего крупнейшего конкурента, у нее нет мотивации для развития. IE6 ~ IE8, как интерфейс-рендеринг, так и выполнение сценариев, несовместим друг с другом, становясь чудесной в истории браузеров и кошмаром для фронт-энда-разработчиков.
Кода -копия выглядит следующим образом:
1.V1 первое издание в июне 1997 года
2.V2 июнь 1998 г. Формат пересмотрено, чтобы сделать свою форму в соответствии с международным стандартом ISO/IEC16262
3.V3 декабрь 1999 г. Мощные регулярные выражения, лучшая обработка текстовой цепочки, новые инструкции управления, обработка исключений, более четкие определения ошибок, форматирование номеров и других изменений
4.V4 не завершен ... может быть, более четкое определение класса, пространство имен и т. Д.
5.V5 В декабре 2009 года был добавлен «строгий режим», подмножество, используемый для обеспечения более тщательной проверки ошибок, чтобы избежать структурных ошибок. Уточните многие нечеткие спецификации версии 3 и учитывают поведение реальных реализаций, которые последовательно отличаются от этой спецификации. Были добавлены некоторые новые функции, такие как Getters и Setters, которые поддерживают JSON и более полные отражения на свойствах объекта.
**** В июне 2004 года Европейская ассоциация компьютерных производителей выпустила стандарт ECMA-357, который является расширением ECMASCRICT, также известным как E4X (ECMASCRIPT для XML).
Какова связь между JavaScript и Ecmascript?
Фактически, вопрос должен быть в каковах отношения между JavaScript, JScript и Ecmascript. Фактически, Ecmascript является общей спецификацией. JavaScript и JScript разработаны в соответствии с этой спецификацией и совместимы с ECMASCRICT, но содержат функции за пределами ECMASCRICT. Однако, независимо от того, какой это тип сейчас, его обычно называют JavaScript, потому что он впервые появился и имеет наибольшее влияние, и его название было передано по сей день.
Что может сделать JavaScript?
На веб -страницах все операции, которые требуют логической обработки, могут быть завершены JavaScript. например:
Кода -копия выглядит следующим образом:
• Проверка формы
• Эффекты анимации
• Веб -игры
• Обратный отсчет
•…
Есть много других приложений, которые я не буду уточнить здесь. Я считаю, что после изучения этого языка вы найдете много приложений.
Зачем изучать JavaScript?
1. Поскольку у вас нет выбора, только JavaScript может управлять всеми широко используемыми браузерами, а JavaScript - один из самых важных языков программирования в мире, и обучение веб -технологии должно изучать JavaScript.
2. Javascript - это красивый язык, он очень хорошо, поэтому нам нужно учиться
Позиционирование JavaScript
Кода -копия выглядит следующим образом:
1. Javascript - это легкий язык сценариев, который не требует компиляции и проанализируется и запускается с помощью двигателя для анализа JavaScript (обычно относится к браузеру, и, конечно, анализаторы, такие как узлы, не исключены)
2. Javascript имеет нефункциональные языковые функции, функциональные языковые функции и динамические языковые функции, а его синтаксис очень гибкий.
3. Javascript-это объектно-ориентированный язык программирования. В мире JavaScript есть поговорка: все является объектом. Его наследование основано на прототипе наследования (я написал специальную статью, объясняющую прототип наследование раньше)
4. JavaScript - это язык C, поэтому для любого, кто научился, C, начался с JavaScript.
5. Javascript написан без компилятора, но только текстовый редактор (Блокнот освобожден, здесь настоятельно рекомендуется) настоятельно рекомендуется)
Что такое JavaScript?
JavaScript, который мы используем сейчас, включает в себя три части: DOM, Bom и Ecmascript (или Core JS).
Дом
Здесь, по умолчанию, у каждого есть, по крайней мере, некоторое понимание HTML и CSS. Если вы пропустите HTML и CSS напрямую, чтобы прочитать эту статью, пожалуйста, сначала прочитайте здесь.
Dom, документ объектной модели
Мы знаем, что XHTML требует, чтобы эти теги были закрыты, а гнездование должно быть правильным. Гнездование тегов создает отношения отца и сына (или, и по имени предок). DOM предоставляет большое количество API, позволяющих нам легко манипулировать деревьями DOM. Позже я напишу статью, в которой конкретно расскажу о JS DOM.
Используя DOM, мы можем динамически изменить содержание страницы, настраивать стили и т. Д., что также является отражением разнообразия JS.
Категория
Bom, модель объекта браузера
Подобно DOM, за исключением того, что основное тело становится браузером. Браузер также предоставляет большое количество API, некоторые из которых открыты для JS, предоставляя нам способ управлять окнами браузера.
Общее использование:
Кода -копия выглядит следующим образом:
1. Возможность всплыть в новое окно браузера;
2. Способность перемещаться, закрывать и менять размер окна браузера;
3. Навигационные объекты, которые могут предоставить подробную информацию о веб -браузере;
4. локальные объекты, которые могут предоставить подробную информацию о странице загрузки браузера;
5. Объекты экрана, которые могут предоставить подробную информацию о разрешении экрана пользователя;
6. Поддержка файлов cookie;
7. Internet Explorer расширяет Bom, чтобы включить классы объектов ActiveX, а объекты ActiveX могут быть реализованы через JavaScript.
Ecmascript Core
Также называется JS Core, независимо от того, как вы его называете, это означает то же значение, оно представляет собой основную композицию языка JS, включая определение переменных, сбор мусора, синтаксис, область применения и т. Д. В отличие от DOM и BOM, упомянутого выше, они требуют, чтобы мы только использовали эти API, а ядро Ecmascript является сущностью этого языка и требует непрерывных исследований. В следующей главе будут рассказывать о синтаксисе JS.
Использование JavaScript
Встроенный стиль
Встроенная форма - JavaScript, написанный в тегах. Например, мы пишем в HTML:
Кода -копия выглядит следующим образом:
<Button OnClick = "alert ('быть нажатым');"> нажмите </button>
Когда мы нажимаем кнопку, в поле отображаются «нажать».
Но обратите внимание, что это настоятельно не рекомендуется, потому что это вызовет огромные проблемы для технического обслуживания. Каждый раз, когда нам нужно изменить событие, нам нужно сначала найти элемент, а затем изменить его содержание JavaScript, и эти коды JavaScript не могут быть использованы повторно.
Кроме того, события, написанные в тегах, должны быть «включены», а JS может быть представлен только через события в тегах, а простые выражения JS не могут быть записаны.
Встроенный
Встроенный означает написание кода JS в теге сценария HTML. Метод состоит в том, чтобы добавить тег сценария в HTML, а затем вставить любой код JS в середину тега следующим образом:
Кода -копия выглядит следующим образом:
<html>
<тело>
<button id = "btn"> нажмите </button>
</body>
<Скрипт>
<span style = "font-family: arial, helvetica, sans-serif;"> var btn = document.getelementbyid ("btn"); </span> <pre name = "code"> btn.onclick = function () {span> <pre name = "> btn.onclick = function () {);
оповещение («быть нажатым»);
}
</script> </html>
Если вы используете встроенный стиль, он намного свободнее, чем встроенный стиль. Вы можете написать больше кода, избегать проблем с соблюдением проблем и поддерживать его проще. Но проблема также существует. Эти коды могут применяться только к этой странице и не могут использоваться другими страницами.
Внешний
Метод внешнего соединения решает все недостатки вышеупомянутых двух форм. Следующие методы следующие:
Сначала создайте новый файл и измените суффикс на .js. Например, мы создаем новый файл click.js и копируем код JS в встроенной версии, которую мы только что написали (обратите внимание, что мы не включаем теги скрипта)
Кода -копия выглядит следующим образом:
var btn = document.getElementById ("btn");
btn.onclick = function () {
оповещение («быть нажатым»);
}
Затем импортируйте его в HTML через тег сценария
Кода -копия выглядит следующим образом:
<html>
<тело>
<button id = "btn"> нажмите </button>
</body>
<script src = "click.js"> </script>
</html>
Преимущество этого заключается в том, что один и тот же код JS может быть разделен на несколько HTML -страниц. Недостатком является то, что количество файлов увеличивается и увеличивается время, необходимое для запросов. Следовательно, возможность повторного использования кода должна быть расширена, и, наконец, файл JS должен быть объединен (объединяйте разные файлы JS в один файл JS)