1. Sintaxe básica do núcleo JavaScript
1. JavaScript é uma linguagem de programação que aumenta os efeitos da interação. Foi originalmente inventado pela Netscape e finalmente foi submetido à ECMA (Associação Europeia de Fabricantes de Computadores). A ECMA padroniza o JavaScript e é nomeado JavaScript.
2. JavaScript é uma linguagem interpretada que pode ser executada diretamente no navegador sem compilação.
3. O que é o uso do JavaScript?
1. Você pode controlar todos os elementos na página da web e adicionar, excluir e modificar os atributos dos elementos.
2. Você pode colocar texto dinâmico no HTML.
3. Responda a eventos gerados pelos usuários ao usar páginas da web.
4. Verifique os dados inseridos pelo usuário.
5. Detecte o navegador do usuário.
6. Usado para criar cookies.
4. Três maneiras de criar JavaScript nas páginas da web html
1. Estilo externo:
Crie um arquivo com o nome do arquivo: xx.js links através de <script src = "xx.js"> <cript>
2. Estilo de incorporação:
Use <script type = "text/javascript"> </sCript> na cabeça ou no corpo no html ou carregue diretamente com <cript> </sCript>
3. Estilo em linha:
Adicione eventos diretamente à tag: <input onclick = "alert ('helloworld!')"> Carregamento
5. Javascript Data Type:
Seus tipos de dados têm duas categorias: 1. Tipos de dados primitivos 2. Tipos de dados de referência (objetos)
Tipo de dados original: 1.Typeof 2.Number 3.String 4.Boolean 5.Null 6.UNDEFINEID
Tipos de dados de referência: (Existem três tipos de objetos predefinidos) 1. Objetos nativos (objeto, número, string, booleano, função, matriz, data, etc.) 2. Objetos internos: Não é necessário exibir a inicialização (matemática, global) 3. Objetos do host (principalmente BOM e DOM)
6.BOM e DOM
Bom: Modelo de objeto do navegador
DOM: Modelo de objeto de documento
2. Javascript Event Model
1. Javascript Event Model: 1. Tipo de bolha: <input type = "Button"> Quando o usuário clica no botão: entrada-corpo-html-document-window (bolha de baixo para cima), ou seja, o navegador usa apenas bolha
2. Tipo de captura: <input type = "Button"> Quando o usuário clica no botão: Window-document-html-corpo-entrada (de cima para baixo)
Após a padronização da ECMA, outros navegadores suportam dois tipos e a captura ocorre primeiro.
2. Três maneiras de escrever eventos tradicionais:
1. <input type = "button" onclick = "alert ('helloworld!')">
2. <input type = "Button OnClick = name1 ()"> ====== <<SCRIPT> função name1 () {alert ('helloword!');} </sCript> // função de nome
3. <input type = "button" id = "input1"> // função anônima
A cópia do código é a seguinte:
<Cript>
Var button1 = document.getElementById ("input1");
Button1.OnClick = Função () {
Alerta ('Helloword!')
}
</script>
3. Método moderno de redação de eventos:
A cópia do código é a seguinte:
<input type = "button" id = "input1"> // Adicionar eventos no IE
<Cript>
var fnClick () {
alerta ("eu fui clicado")
}
var oinput = document.getElementById ("input1");
Oinput.attachevent ("OnClick", fnClick);
----------------------------------------
Oinput.detachevent ("OnClick", fnClick); // Evento de exclusão no IE
</script>
<input type = "button" id = "input1"> // Adicionar eventos no DOM
<Cript>
var fnClick () {
alerta ("eu fui clicado")
}
var oinput = document.getElementById ("input1");
Oinput.addeventListener ("OnClick", fnClick, true);
----------------------------------------
Oinput.removeEventListener ("OnClick", fnClick); // Evento de exclusão no DOM
</script>
<input type = "button" id = "input1"> // compatível com eventos de adição do IE e DOM
<Cript>
var fnClick1 = function () {alert ("eu fui clicado")}
var fnClick2 = function () {alert ("eu fui clicado")}
var oinput = document.getElementById ("input1");
if (document.attachevent) {
Oinput.attachevent ("OnClick", fnClick1)
Oinput.attachevent ("OnClick", fnClick2)
}
else (document.addeventlistener) {
Oinput.addeventListener ("clique", fnClick1, true)
Oinput.addeventListener ("clique", fnClick2, true)
}
</script>