é escrito na linha e cada tag é definida separadamente.
A função (1) de referenciar js por meio do atributo de evento na tag de abertura
é escrita no atributo de evento da tag (atributo começando com on). , como onclick [on+ event Type]
Recomendação: use aspas duplas para html e aspas simples para js
Exemplo:
<input type="button" value="Clique em mim para abrir o mundo" onclick="alert('Hello World' )" /> Nota: Introdução inline, em JS O conceito de aumento de peso não é usado em, portanto não é comumente usado [ basicamente não usado ].
Os exemplos são os seguintes: <html>
<title>Escrita embutida estilo JS</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<corpo>
<!--O método de escrita in-line JS começa em 01-->
<!--Quando o mouse clica na imagem, uma janela pop-up aparecerá mostrando 1223-->
<div class="img">
Evento de clique:
<img src="images/001.jpg" onclick="alert(1223)"></img>
</div>
<!--Método de escrita inline JS 01 termina-->
</body>
</html>Resultado de saída:
escrito na tag de script
Referência interna: usada ao escrever código js na tag de script
A tag de script pode ser escrita em qualquer lugar da página
A tag script geralmente é usada no final do corpo ou após o corpo
(1) Pode ser escrito em qualquer lugar;
Quando precisarmos referenciar o script no cabeçalho, coloque-o no cabeçalho, caso contrário, coloque-o na parte inferior, pois colocá-lo no cabeçalho pode afetar a renderização do navegador.
<roteiro>
alert('Olá mundo!');
</script>Nota: Geralmente, ao escrever exercícios sozinho, você usa [ Practice Use ] quando quer ser preguiçoso e não quer configurar arquivos js.
Geralmente, ao trabalhar em seus próprios projetos, coloque-o na parte inferior. Não afeta a ordem de carregamento e pode ser diferenciado dos arquivos CSS e não afeta a renderização do navegador. Se você colocá-lo em outro lugar, é melhor usar onload.
Os exemplos são os seguintes: <html>
<title>Escrita embutida estilo JS</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<corpo>
<!--js escrita inline a partir de 02-->
<div class="img">
Evento de clique:
<img src="images/002.jpg" id='yuansu'></img>
</div>
<!--js método de escrita inline 02 end-->
</body>
<roteiro>
//código js//Encontre o elemento XX, geralmente adicione um id ao elemento
yuansuojb=document.getElementById('yuansu');
//Adiciona evento yuansuojb.onclick=function(){ ao elemento xx
//Alerta de segmento de código(1);
}
//Evento de gatilho</script>
</html>Resultado de saída:
Use src na tag script para introduzir arquivos externos
etapa:
Escreva arquivos js independentes
Referenciado por meio de tags de script na página
(1) Nenhum código pode ser escrito no script que introduz arquivos JS externos
(2) Use a estrutura do código da página HTML para separar várias partes do código JS fora da página HTML, o que é bonito e conveniente para reutilização de arquivos.
<script src="main.js"></script>
Nota: Assim como os estilos embutidos, colocá-los na parte inferior e no cabeçalho precisa ser considerado caso a caso [ usado com frequência ]
Use src e não href
Os exemplos são os seguintes:Escreva o código js em um arquivo .js e cite-o em HTML
O conteúdo do arquivo .html é o seguinte:
<html>
<title>Método de escrita de link externo estilo JS</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<corpo>
<div class="img">
Escrita de link externo - evento de clique:
<img src="images/003.jpg" id='yuansu'></img>
</div>
</body>
<script src='js/index.js'></script>
</html>O conteúdo do arquivo .js é o seguinte:
//código js//Encontre o elemento XX, geralmente adicione um id ao elemento
yuansuojb=document.getElementById('yuansu');
//Adiciona evento yuansuojb.onclick=function(){ ao elemento xx
//Segmento de código var str="olá mundo!!!";
alerta(str);
}Resultado de saída:
