1. Javascript Core Basic Syntax
1. Javascript - это язык программирования, который увеличивает эффекты взаимодействия. Первоначально он был изобретен Netscape и был, наконец, был представлен ECMA (Европейская ассоциация производителей компьютеров). ECMA стандартизирует JavaScript и называется JavaScript.
2. Javascript - это интерпретированный язык, который можно запускать непосредственно в браузере без компиляции.
3. Что такое JavaScript?
1. Вы можете управлять всеми элементами на веб -странице и добавить, удалить и изменить атрибуты элементов.
2. Вы можете поместить динамический текст в HTML.
3. Ответьте на события, сгенерированные пользователями при использовании веб -страниц.
4. Проверьте данные, введенные пользователем.
5. Обнаруйте браузер пользователя.
6. используется для создания файлов cookie.
4. Три способа создания JavaScript на веб -страницах HTML
1. Внешний стиль:
Создайте файл с именем файла: xx.js ссылки через <script src = "xx.js"> <script>
2. Встроенный стиль:
Используйте <script type = "text/javascript"> </script> в головке или корпусе в HTML или напрямую загрузите его с помощью <Script> </script>
3. Встроенный стиль:
Добавить события непосредственно в тег: <input onclick = "alert ('helloWorld!')"> Load
5. Тип данных JavaScript:
Его типы данных имеют две категории: 1. Примитивные типы данных 2. Справочные типы данных (объекты)
Исходный тип данных: 1.typeof 2.number 3.String 4.boolean 5.null 6.
Справочные типы данных: (существует три типа предопределенных объектов) 1. Нативные объекты (объект, номер, строка, логический, функция, массив, дата и т. Д.) 2. Встроенные объекты: нет необходимости отображать инициализацию (математика, глобальная) 3. Объекты хоста (в основном Bom и Dom)
6.bom и dom
BOM: модель объекта браузера
DOM: документ объектной модели
2. Модель события Javascript
1. Модель события Javascript: 1. Тип пузыря: <input type = "Кнопка"> Когда пользователь нажимает кнопку: входной биодиапа
2. Тип захвата: <input type = "button"> Когда пользователь нажимает кнопку: Window-Document-HTML-Body-Input (сверху вниз)
После стандартизации ECMA другие браузеры поддерживают два типа, а захват происходит первым.
2. Три способа написать традиционные события:
1. <input type = "button" onclick = "alert ('helloworld!')">
2. <input type = "button OnClick = name1 ()"> ====== <Script> function name1 () {alert ('helloWord!');} </Script> // Функция имени
3. <input type = "кнопка" id = "input1"> // анонимная функция
Кода -копия выглядит следующим образом:
<Скрипт>
Var button1 = document.getElementbyId ("input1");
button1.onclick = funtion () {
Блюдо («Helloword!»)
}
</script>
3. Современный метод написания событий:
Кода -копия выглядит следующим образом:
<input type = "button" id = "input1"> // Добавить события в т.е.
<Скрипт>
var fnclick () {
оповещение («Меня щелкнули»)
}
var Oinput = document.getElementById ("input1");
Oinput.attachevent ("onclick", fnclick);
---------------------------------------
Oinput.detachevent ("onclick", fnclick); // Удалить событие в IE
</script>
<input type = "button" id = "input1"> // Добавить события в DOM
<Скрипт>
var fnclick () {
оповещение («Меня щелкнули»)
}
var Oinput = document.getElementById ("input1");
Oinput.addeventlistener ("onclick", fnclick, true);
---------------------------------------
Oinput.removeeventlistener ("onclick", fnclick); // Удалить событие в DOM
</script>
<input type = "button" id = "input1"> // Совместимо с IE и DOM -событиями.
<Скрипт>
var fnclick1 = function () {alert ("i icted")}
var fnclick2 = function () {alert ("i icted")}
var Oinput = document.getElementById ("input1");
if (document.attachevent) {
Oinput.attachevent ("onclick", fnclick1)
Oinput.attachevent ("onclick", fnclick2)
}
else (document.addeventlistener) {
Oinput.addeventlistener ("Щелкни", fnclick1, true)
Oinput.addeventlistener ("click", fnclick2, true)
}
</script>