Resumo dos pontos de conhecimento JavaScript (leitura obrigatória)

1. O conceito de JavaScript: é um idioma de representação e também é uma linguagem de script baseada em objeto (objeto) e orientado a eventos (Eventdriven), que é executado no cliente, reduzindo assim a carga no lado do servidor. O resumo é o seguinte:

1.javascript é usado principalmente para encontrar a página HTML para adicionar comportamento interativo.

2.javascript é uma linguagem de script com sintaxe semelhante ao Java.

3. JavaScript é geralmente usado para escrever scripts do cliente.

4.javascript é uma linguagem interpretativa que explica durante a execução.

2. O JavaScript é composto pelo ECMAScript de sintaxe do núcleo e do modelo de objeto do navegador (BOM). É usado principalmente para gerenciar a comunicação entre o Windows, portanto, seu objeto principal é composto por três partes: modelo de janela e documento (DOM).

3. Três maneiras de introduzir JavaScript nas páginas da web:

1. Use o <cript> </sCript> tag Style interno

2. Use arquivos JS externos

3. Estilos em linha diretamente nas tags HTML.

4. O papel do JavaScript

1. Implementar a verificação do formulário de página

2. Implementar efeitos de interação da página

5. Características do JavaScript

1. Projetado para adicionar comportamento interativo às páginas HTML

2. É a linguagem de script mais popular na internet

3. Geralmente usado para escrever scripts clientes

4. É uma linguagem interpretativa

6. Como introduzir JavaScript

1. Use a tag <cript> para incorporar a página da web diretamente

2. Use arquivos JS externos

Métodos comuns para objetos de string em JS:

1. ToString (antes do pacote, não após o pacote), 2. ToLowerCase (); toupppercase ();
2. charat (índice); Retorna o caractere na posição especificada, indexOF (str, índice); Especifica a posição que aparece pela primeira vez na string; divisão (str); divide a corda em uma matriz de string

No JavaScript, o comutador condicional () {} pode ser conectado a uma string;

alerta ("mensagem rápida");

var iSok = confirm ("Confirm Box"); // Se a confirmação retornar TRUE, caso contrário, retorne false

prompt (); prompt ("Informações rápidas", "Informações padrão da caixa de entrada");

Prompt ("Por favor, digite seu nome")

fechar();

abrir();

setTimeout (); Chame uma função depois de especificar milissegundos

setInterval (); chama uma função em milissegundos especificados para milissegundos

window.open ();

7.JS Sintaxe:

1. Sensível ao caso

2. Preste atenção às especificações de nomeação de variáveis, funções, etc.

3. Cada linha de código termina com um semicolon

Funções em JS:

1. Funções do sistema

Parseint (); converter em número inteiro 45.9a converter para 45; A6 Converter Retornos para NAN (não um número)

isnan (julgando se é um número)

typeof (var); determinar qual tipo de dados é

Eval ("5+2"); calcula o valor da expressão

2. Funções personalizadas

Função função nome () {código javascript}

Nome da função da função (parâmetro 1, parâmetro 2) {Javascript Código Valor de retorno de retorno (opcional)}

Chamando funções em JS:

1. Nome do evento = "Nome da função (valor do parâmetro passado)";
2. Nome da função (valor do parâmetro passado);

Funções anônimas:

1. Declaração de função anônima:

Var variável nome = function (parâmetro) {função Body Return Value;};

1. Chamar

Nome da variável (parâmetro)

8. Chamadas de programa

1. Adicione alert (); Método 2. Use Firebug (); método

9.BOM Visão geral: (Modelo de objeto do navegador, modelo de objeto do navegador)

1. Propriedades do objeto de janela

Métodos comuns para objetos weindow: propt () confirm (); setTimeout (); setInterval ();

Eventos comuns para objetos de janela: onLload = ”” onMouseOver = ””; OnClick

window.parent.Location

2. Objeto de história

Método: Back (); Forward (); Go ();

3. O objeto de localização fornece o URL da página atual

Atributo: host hostname href

Método: Reload () substituir ();

4. Objeto de documento

Atributo: o atributo referente determina se é acessado por meio de um hiperlink, não retorna nulo

10. Objetos em JavaScript,

Objeto de data:

Criar objeto de data e enviar método var date = nova data (mm dd, sim, hh: mm: ss);

var date = new Date (); date.getday ();

Objeto de matemática:

Teto (); arredondar o número, teto (25,5) = 26;

Chão(); redondo, piso (25,5) = 25;

Math.Round (25,5); arredondado depois de adicionar 0,5 ao número original

11. Visão geral do domínio (modelo de objeto de documento)

Consistindo em núcleo, xmldom, html dom;

12. Crie uma matriz

Declaração de variáveis em JS:

Var Array Nome = New Array (tamanho);

1. Declare primeiro e depois atribua a fruta [0] = ”
2. Declarar a atribuição de var fruit = nova matriz ("maçã", "laranja"); ou var fruit = nova matriz ["maçã", "laranja"];

Leia 1. Leia com o loop 2. Leia com para --- em

Para (var x em frutas) {document.write (fruta [x]+"<br/>")} x é o subscrito

Fruit.sort (); // classificar string str = frut.join ("-"); // Adicione string e junte-se a uma string

Opultado Selecione Objeto:

13. Estilo de posicionamento do estilo

Index Z de posição superior esquerda

Distância de rolagem do mouse: Scorlltop: distância vertical

Scorllleft: distância horizontal

Licença de rolagem de mouse: OnScorll

Conversão entre objetos jQuery e objetos dom

1. O objeto jQuery é convertido para o objeto DOMD. O jQuery fornece dois métodos para converter o objeto jQuery em DOM Object, a saber [índice] e get (index),

var $ txtName = $ ("#txtName"); // objeto jQuery

var txtName = $ txtName [0]; // DOM Object

alert (txtName.Checked); // Verifique se esta caixa de seleção está selecionada

Obtenha o objeto DOM correspondente através do método get (índice)

Var $ txtName = $ ("#txtName"); // objeto jQuery

Var txtName = $ txtName.get (0); // objeto dom

alert (txtName.Checked); // Verifique se esta caixa de seleção está selecionada

1. Converter DOM objeto em objeto jQuery

Var txtName = document.getElementById ("txtName"); // objeto dom

Var $ txtName = $ (txtName); //

Adicione o atributo de classe no DOM para usar obj.className = ClassName;

Adicionar conteúdo da classe usando obj.innerhtml = <input />

Adicionar o atributo de classe no jQuery para usar obj.addclaa = className;

Adicionar conteúdo da classe para uso: obj.html = <input/>;

Os cinco principais seletores em JQurey:

1. Seletor básico (#. Tag)
2. Seletor hierárquico (descendentes> crianças + adjacentes ~ par)
3. Seletor de atributo (P [class = nome])
4. Seletor de filtro ("TR: até")
5. Seletor de visibilidade ("P: Hidden" "P: Viside")

Eventos no jQuery:

Obj.bind ("clike", function () {});

obj.bind ({mousever: function () {}, {mouserout: function () {}}});

obj.unbind ();

obj.hover (function () {}, function () {}) Coleção de métodos OnMouseOver e onMouseOut

obj.toggle ();

$ (".

$ ("img"). Fadein (1000);

$ (". txt"). Slide (1000); obj.slidown (1000);

Obj.toggleClass ("classe"); // integrar addclass e romoveclass

$ (this) .val (""); // limpe o conteúdo do texto

Var $ newNode = $ (<"<li> Crie um novo nó de elemento com jQuery </li>">);

Em expressão regular

Algumas dicas comuns em JS:

1. Use o !! Operador para converter o valor booleano, que pode ser usado para variáveis! ! Variável para detecção. Enquanto o valor da variável for: 0, nulo, "", indefinido ou Nan retornará falso e o outro lado é verdadeiro

Conta da função (dinheiro)

{

this.cash = dinheiro;

this.HasMoney = !! dinheiro;

}

2. Use + para converter string em números, apenas os dados da string são aplicáveis, caso contrário, a NAN será retornada

função tonumber (strnum) {

retornar +strnum;

}

Aplicável até a data () retorna o número do registro de data e hora: +new Date ();

3. Quando o loop é muito grande, o comprimento do número é fornecido pela primeira vez, Var Legth = Array.LEGTH;

4.IF ('QuerySelector' no documento) {

document.QuerySelector ("#id");

} outro {

document.getElementById ("id");

}

5. Obtenha o último elemento na matriz

var Array = [1,2,3,4,5];

Array.slice (-1);

6. Substituição de elementos de corda

var string = "John John";

string.Replace (/hn/, "ana"); // "Joana John"

string.Replace (/hn/g, "ana"); // "Joana Joana"

O resumo de pontos de conhecimento JavaScript acima (leitura obrigatória) é todo o conteúdo compartilhado pelo editor. Espero que possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.