JS: Linguagem de script do lado do cliente, em execução no navegador do cliente, pode ser analisada sem compilar. Pode
aprimorar o processo de interação entre usuários e páginas html, pode controlar elementos html e dar à página alguns efeitos dinâmicos.
1. Uso básico
sintaxe: 1. Combine com html:
JS interno: no cabeçalho ou no corpo (que será executado anteriormente no cabeçalho), <script type = "" text / javascript>, alert ("xxxxxx") é uma função de lembrete
JS externo: defina um Para arquivos JS externos, em vez de usar linha, use <script src = "xx.JS" type = "" text / javascript (formato de arquivo introduzido) charset = "utf-8">
JS // é um comentário de linha única, / ** / é um comentário de várias linhas, não use
tipo de dados aninhados (como alerta (++ b) exibido no prompt da web):
tipo de dados original:
1, número: número
2, string : string
3, boolean: boolean Type
4, null: a representação do objeto sendo vazio
5. undefined: undefined (variável sem atribuição, evoluída de nulo)
tipo de dados de referência (objeto) variável de definição de
objeto
: use var ou let
método 1. variável var = valor inicializado (tipo de dados)
2. variável var; variável = valor de inicialização (execução passo a passo)
alert (typeof num) pode visualizar o tipo de dados
operador unário: operador com apenas um operando, ++ (incremento, ++ a = a +1) - + (sinal positivo) - (sinal negativo)
++ é diferente antes e depois da variável, var b = 4
var c = ++ be
var c = b ++; 4 é o mesmo, da direita para a esquerda.
Se o operando não for o tipo exigido pelo operador, JS converter automaticamente a
string em número, de acordo com a conversão literal, NaN é um valor que não é um número.
Operador aritmético: ± * /
operador de atribuição: = + = - =
operador de comparação:> <=== (três sinais iguais significam todos iguais)
por comparação Mostra que ture ou flase
são de tipos diferentes, primeiro execute a conversão de tipo e depois compare
Operador lógico: && ||! (E ou não)
Se verdadeiro && verdadeiro for verdadeiro
! 5 primeiro converta 5 para o tipo booleano! verdadeiro, 0 ou NaN no tipo de conversão booleano é falso, diferente de zero é verdadeiro, a string é convertida em booleano, exceto que a string vazia é falsa, tudo o mais é verdadeiro, nulo e subfinido são falsos e o objeto é verdadeiro quando convertido para booleano
! ! 5
Operador ternário não duas vezes :
expressão condicional? Expressão 1: Expressão 2
Se o resultado da expressão for verdadeiro, execute a expressão 1; se for falsa, execute a expressão 2
var a = 1
var b = 2
var c = a> b? 100: 200
é falso no final, e a exibição de execução é 200
Instrução de controle de fluxo:
1. Estrutura de julgamento if instrução
Única: if () {}
dois: if () {} else {}, se o conteúdo dos parênteses for verdadeiro, execute o primeiro {}
múltiplo: if () {} else if () {} else if () {} else if () {} else if () {} else {} (Um else adicional é adicionado aqui para evitar situações fora do escopo)
2、选择结构 switch
switch（）{case：。。case：。。case：。。}
如var a=2
switch（a）{case1：alert（1）case2：alert（2）case3：alert（3）}这种情况会显示所有选项
switch（a）{case1：alert（1） break case2：alert（2） break case3：alert（3） break default：alert（‘111’） break }
这种情况有 break 跳出，选到了就跳出，后面的default是为了防止出现范围外的情况，default不管放在哪都是最后一个执行
3、循环结构 for循环 while循环 do while循环
while（条件表达式）{循环体}，循环体里加变量递增式子可以到一定数就结束循环
do {循环体} while（条件表达式）不管while是否满足，do至少执行一次，循环体里加变量递增式子可以到一定数就结束循环
for（初始化表达式；循环条件表达式；循环后的操作表达式）{循环体}
如for（var c=0；c<3；c++）{alert（‘aaa’）}
for循环嵌套
for（）{for（）{}}不断满足不断层层进入执行，这里会把里面的for全执行完再执行第二次的外面的for，
和python的for嵌套for一样结果执行次数会是两个for执行次数相乘
可以用来做九九乘法表，外层for控制’行‘，内层for控制’列‘，如：有时，内层for的循环条件表达式设b<=a，小于外层变量，受外层限制
document.write（a+“ * ”+b+“=”+（a*b）+“ ”）写在循环体中，
document.write可以将小括号内容打印出来，alert是提示，这里的是另一种函数，这里的“ ”作字符串但是有特殊字符会被JS解析成空格
小括号的在这属于字符串的拼接，为了打印九九乘法表，为了换行可以在外层for的{加一个document.write（“<br>”）}达到让内层for换行的效果
evento de entrada do mouse box.onmouseenter (mover o mouse para dentro da caixa mudará o evento)
box.οnmοuseenter = function () {box.innerText = “xxxx”}
box.onmouseleave evento de saída do mouse
box.οnmοuseleave = function () { box.innerText = “xxxx”}
evento de configuração do mouse btn.onclick (o que quer que o usuário defina será exibido na página do usuário)
btn.οnclick = function () {var a = input1 [0] .value;
var b = input1 [ 1] .value;
box.setAttribute ("style", a + ":" + b (aqui está o atributo em style: attribute value))} onde 0 e 1 são a
caixa var do índice para extrair atributos e valores de atributos = documento. getElementsByTagName ("div") [0] seguido por 0 significa começar do primeiro, e o cursor do mouse desenha e desenha o que exibir
Alerta é para imprimir dados por meio da caixa pop-up
console.log é para imprimir dados por meio do console