JavaScript é uma linguagem descritiva, mas não é difícil de aprender. Enquanto você estudar com cuidado, você definitivamente aprenderá bem. Acredito que, quando você lê este artigo, deve ter aprendido HTML. Use JavaScript para ter uma melhor interação com as páginas da web. Vamos ao tópico.
1. JavaScript
1. O que é JavaScript
O JavaScript é um idioma descritivo e também é uma linguagem de script baseada em unidade de objetos e eventos (orientada por eventos).
2. Características do JavaScript
O JavaScript é usado principalmente para adicionar comportamento interativo às páginas HTML.
JavaScript é uma linguagem de script com sintaxe semelhante ao Java.
O JavaScript é geralmente usado para escrever scripts clientes.
JavaScript é uma linguagem interpretativa.
3. A composição do JavaScript
EcmScript Standard (padrão que especifica todos os atributos, métodos e objetos)
BOM Browser Modelo do Objeto: Interagir com HTML
Modelo de objeto de documento DOM: Acesso e manipular documentos HTML
4. Estrutura básica de JavaScript
<Script Language = "javascript" type = "text/javascript"> </script> idioma = "javascript" é usado para indicar que o idioma usado é javascript
5. Javascript Execution Princípio
1. O cliente do navegador envia uma solicitação para o servidor. (O endereço inserido pelo usuário na barra de endereço do navegador)
2. Processamento de dados: o lado do servidor processa uma página contendo JavaScript.
3. Enviar resposta: o servidor envia a página para o cliente do navegador para processar o arquivo HTML que contém JavaScript e, em seguida, o cliente do navegador analisa as tags HTML e as tags JavaScript de cima para baixo, apresentando o efeito da página ao usuário.
dois. Como introduzir JavaScript nas páginas da web
1. Use a tag <Cript>.
2. Use arquivos JavaScript externos.
Quero executar o JavaScript em várias páginas para obter o mesmo efeito, geralmente usando arquivos com arquivos externos como .js.
Como fazer referência a um arquivo com .js como uma extensão:
<script src = ”../ 1.js”> </script>
NOTA: Os arquivos externos não podem conter <cript> </script>
3. Diretamente em tags html
<nome de entrada = 'btn' type = "button" value = "pop -up caixa de mensagem" onclick = "javascript: alert (" bem -vindo ");"/>3.Javascript Core Sintaxe
1. Declaração e atribuição de variáveis
A declaração de variáveis é usada apenas no VAR, e a especificação de variáveis de nomeação é semelhante ao Java. Var num = 1;
No JavaScript, as variáveis podem ser usadas diretamente sem declaração, mas esse uso não é recomendado.
2. Tipo de dados
Indefinido (tipo indefinido)
Nulo (tipo nulo)
Número (tipo de número)
String (tipo de string)
Booleano (tipo booleano)
3. A diferença entre indefinida e nula
nulo significa "sem objeto", isto é, não deve haver um valor lá. O uso típico é:
(1) Como um parâmetro de uma função, o parâmetro da função não é um objeto.
(2) como o ponto final da cadeia de protótipo de objeto.
Object.getProTypeOf (object.prototype) // null
indefinido significa "valor ausente", o que significa que deve haver um valor aqui, mas ainda não foi definido. O uso típico é:
(1) Quando uma variável é declarada, mas não tem atribuição, é equivalente a indefinida.
(2) Ao chamar a função, o parâmetro que deve ser fornecido não é fornecido e o parâmetro é igual a indefinido.
(3) O objeto não possui atributo atribuído ao valor e o valor do atributo é indefinido.
(4) Quando a função não retorna um valor, indefinido é retornado por padrão.
4. Existem apenas 6 casos, e o resultado é determinado como falso.
nulo, falso, indefinido, 0, "", nan
5. Alguns métodos comuns de cordas
toString (); Retorna a string
tolowerCasee (); Substitua a corda por minúsculas.
toupppercase (); converter string em maiúsculas
charat (índice); Retorna a string no local especificado
indexOf (str, índice); Encontre a primeira ocorrência de uma string especificada na string
Substring (índice, índice); Retorna uma sequência localizada entre o índice especificado Index1 e o index2 (incluindo index1 e index2, mas não index2)
Dividido (str); split string na matriz de caracteres
6. Três maneiras de criar uma matriz e atribuir valores à matriz
01. Var num = ('1', '2');
02.Var num = nova matriz (2);
Num [0] = 1;
Num [1] = 2;
03.Var num = ['1', '2'];
Métodos e propriedades comuns de matrizes
Comprimento: defina ou retorne o número de elementos na matriz
Join (): Coloque todas as velocidades de fala da matriz em uma corda e divida -as dividindo os caracteres.
Sort (): Classifique a matriz
Push (): adicione um ou mais elementos ao final da matriz e coloque de volta o novo comprimento.
<script type = "text/javascript">
// 01. Método 1: Crie uma matriz e atribua um valor à matriz
// var fruit = new Array ('Apple', 'Orange', 'Peach', 'Bananer');
// 02. Método 2: Crie uma matriz primeiro e depois atribua um valor à matriz através do subscrito
var frutas = nova matriz (4);
frutas [0] = 'Apple';
frutas [1] = 'laranja';
frutas [2] = 'pêssego';
frutas [3] = 'BANANER';
// 03 Método 3: semelhante ao método 1, mas o símbolo é alterado
// var fruitss = nova matriz ['maçã', 'laranja', 'pêssego', 'banner'];
// 04. Acesse dados com o subscrito 3 na matriz
document.write (frutas [0]);
// 05 Coloque o elemento na string através do método de junção da matriz e divida -o com o delimitador especificado
var resultado = frutas.join (',');
// 06Sort a matriz através do método de classificação
frutas.sort ();
// 06. Adicione um ou mais elementos ao fim e finalmente retorne o novo comprimento da matriz
var comprimento = frutas.push ('wert', 'pé');
document.write ('/n' + length);
// 07. Itera sobre a matriz
para (var item em frutas)
{
alerta (frutas [item]);
}
</script>
7. Operadores
8 Depuração do programa
Solução 1: Depuração em Vs
Etapas: 01. Defina a página para ser depurada como a página inicial
02. Defina o ponto de interrupção
03. Pressione F5 para começar a depurar
Solução 2: Depuração do navegador Chrome
Etapas: 01. Clique em F12 para chamar a ferramenta
02. Defina o ponto de interrupção
03. Atualize a página
Solução 3: ou seja, navegador
Etapas: 01.f12, Ferramentas de desenvolvedor
02. Mudar para a guia Script
03. Defina o ponto de interrupção
04. Comece a depurar
05. Atualizar
4. Funções em JavaScript
1. Funções do sistema comumente usadas
01. Parseint ("String");
A função parseInt () verifica primeiro o caractere na posição 0 e determina se é um número válido. Caso contrário, ele retorna NAN e não executa outras operações. No entanto, se o caractere for um parâmetro válido, a função verá o caractere na posição 1 e executará o mesmo teste. Esse processo continuará até que se constate que o personagem é um caractere válido. Neste momento, o personagem converte a string anterior em um número.
por exemplo:
var num1 = parseint ("78.9") // O valor de retorno é 78
var num2 = parseint ("afa78.9") // o valor de retorno é nan
02.parsefloat ("string");
Seu uso é semelhante ao Parseint, exceto que o primeiro ponto que aparece na string será considerado um caractere válido.
por exemplo:
var num1 = parseint ("78.9") // O valor de retorno é 78
var num2 = parseint ("afa78.9") // o valor de retorno é nan
2. Funções personalizadas
No JavaScript, uma função personalizada é composta de função, nome da função, um conjunto de parâmetros e instruções JavaScript a serem executadas entre parênteses.
Vamos dar uma olhada na sintaxe:
Nome da função da função (parâmetro 1, parâmetro 2, ..)
{
// Declaração JavaScript
[Valor de retorno de retorno]
}
A função é uma palavra -chave que define uma função e deve estar lá.
Os parâmetros 1 e o parâmetro 2 são parâmetros da função, porque o tipo de JavaScriptp é fraco e não há necessidade de fornecer um tipo quando recebe o parâmetro.
O início e o fim de uma função definida por {}.
A instrução Return é usada para especificar o valor retornado pela função.
2. Funções de chamada
Para executar uma função, você deve primeiro chamar essa função e deve formular o nome da função e os parâmetros seguidos.
por exemplo:
<script type = ”text/javascript”> function show () {} show (); </script>3. Funções anônimas
As funções anônimas são funções sem nomes, também chamadas de fechamento, que permitem a criação temporária de uma função sem um nome especificado. Mais frequentemente usados como um valor para os parâmetros de retorno de chamada, muitos novatos não sabem sobre funções anônimas. Vamos analisá -lo aqui.
Nome da função da função (lista de parâmetros) {função corporal;}
Se você está criando funções anônimas, deve ser:
function () {função corpo;}
Por ser uma função anônima, geralmente não há parâmetros passados para ele.
Por que criar funções anônimas? Sob quais circunstâncias as funções anônimas serão usadas? Existem dois cenários comuns para funções anônimas, uma é a função de retorno de chamada e a outra é executar diretamente a função.
por exemplo:
<script linguage = "javascript"> var a = "a"; (function () {var a = "b"; alert (a);}) (); alerta (a); </sCript>No código acima, duas caixas de alerta serão emitidas em sequência. O conteúdo da primeira caixa de alerta é B e o segundo é a. Eu pensei que havia um método anônimo nessa etiqueta de script e que quando B foi aparecido, alertou (a) depois de tocar no método anônimo, apareceu.
O tutorial básico de JavaScript acima - Um artigo de leitura obrigatória para começar é todo o conteúdo que compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.