1. Javascript - это язык сценариев, предназначенный для взаимодействия с веб -страницами. Его композиция
Ecmascript (Core) Dom (модель объекта документа) Bom (модель объекта браузера)
1.1Ecmascript
Ecmascript, определенный ECMA-262, не зависит от веб-браузера. ECMA-262 только определяет основы этого языка и обеспечивает основные языковые функции.
Ecmascript-это язык сценариев, стандартизированный через ECMA-262. ECMA-262 предусматривает языки: синтаксис, тип, оператор, ключевое слово, зарезервированное слово, оператор, объект
1.2 DOM (Modle объекта документа)
DOM - это интерфейс прикладного программирования для XML, но был расширен для HTML, предоставляя методы и интерфейсы для доступа и манипулирования веб -контентом.
DOM отображает всю страницу в многослойную структуру узлов. Каждый компонент на странице HTML или XML является определенным типом узла, который содержит различные типы данных.
1.3 Bom (модель объекта Bower)
Управляйте частью, кроме страницы, отображаемой браузером. BOM обрабатывает только окна и фреймворки браузера и предоставляет методы и интерфейсы для взаимодействия с браузером.
2. <Script> элементы
2.1 Справочный файл JavaScript
Внешняя ссылка на файлы JavaScript:
Кода -копия выглядит следующим образом:
<script type = "text/javascript" src = "../../ xx.js"> </script>
Страница встроена код JavaScript
Кода -копия выглядит следующим образом:
<script type = "text/javascript">
// код JavaScript
</script>
Код JavaScript, содержащийся в элементе <cript>, будет объяснен в последовательности сверху вниз
2.2 Свойства элементов <cript>
Скрипт отложения задержки: сообщите браузеру немедленно загрузить, сценарий будет отложен до тех пор, пока вся страница не будет проанализирована до его выполнения. defer подходит только для файлов сценариев, введенных извне
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<script type = "text/javascript" defer = "defer" src = "example.js"> </script>
</head>
</html>
Несмотря на то, что тег <script> расположен в теге <Head>, Demo.js будет отложена до тех пор, пока браузер не столкнется </html>.
Асинхронный асинхронный скрипт: страница должна ждать загрузки и выполнения сценария, чтобы загрузить другие содержимых страницы асинхронно
Как и DEFE, это применимо только к внешним импортируемым файлам скрипта. Async сообщает браузеру немедленно загружать файлы, но, в отличие от Defer, маркировка асинхронных сценариев не гарантирует выполнение в том порядке, в котором они указаны. Рекомендуется, чтобы асинхронные сценарии не изменяли DOM во время загрузки.
Кода -копия выглядит следующим образом:
<!-асинхронный скрипт->
<script type = "text/javascript" async = "async" src = "example1.js"> </script>
<script type = "text/javascript" async = "async" src = "example2.js"> </script>
2.3 Свойства элементов <noscript>
Кода -копия выглядит следующим образом:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> тест </title>
<!-Скрипт задержки->
<scripttype = "text/javascript" defer = "defer" src = "example.js"> </script>
<!-Скрипт гида->
<script type = "text/javascript" async = "async" src = "example1.js"> </script>
<script type = "text/javascript" async = "async" src = "example2.js"> </script>
</head>
<тело>
<NoScript>
<p> Эта страница показывает, что требуется поддержка браузера (включенная) JavaScript
</noscript>
</body>
</html>
Браузер не поддерживает сценарии
Браузер поддерживает сценарии, но сценарий отключен, и браузер отобразит контент в <NoScript>
Эта страница отобразит сообщение пользователю, если сценарий недействителен, а в браузере с поддержкой скрипта пользователь никогда не увидит его
Выше всего об этой статье. Надеюсь, вам это понравится. Эта серия будет продолжать обновляться.