se escribe en la línea y cada etiqueta se configura por separado.
La función (1) de hacer referencia a js a través del atributo de evento en la etiqueta de apertura
se escribe en el atributo de evento de la etiqueta (el atributo comienza con on). , como onclick [on+ tipo de evento]
Recomendación: use comillas dobles para html y comillas simples para js
Ejemplo:
<input type="button" value="Haga clic en mí para abrir el mundo" onclick="alert('Hello World' )" /> Nota: Introducción en línea, en JS El concepto de aumento de peso no se usa, por lo que no se usa comúnmente [ básicamente no se usa ].
Los ejemplos son los siguientes: <html>
<title>Escritura en línea estilo JS</title>
<meta http-equiv="tipo de contenido" contenido="texto/html; conjunto de caracteres=utf-8" />
<cuerpo>
<!--El método de escritura en línea JS comienza desde 01-->
<!--Cuando el mouse hace clic en la imagen, aparecerá una ventana emergente que muestra 1223-->
<div clase="img">
Evento de clic:
<img src="images/001.jpg" onclick="alert(1223)"></img>
</div>
<!--El método de escritura en línea JS 01 finaliza-->
</cuerpo>
</html>Resultado de salida:
escrito en etiqueta de script
Referencia interna: se utiliza escribiendo código js en la etiqueta script
La etiqueta del script se puede escribir en cualquier lugar de la página.
La etiqueta script generalmente se usa al final del cuerpo o después del cuerpo.
(1) Puede escribirse en cualquier lugar;
Cuando necesitemos hacer referencia al script en el encabezado, colóquelo en el encabezado; de lo contrario, colóquelo en la parte inferior, porque colocarlo en el encabezado puede afectar la representación del navegador.
<guión>
alerta('¡Hola mundo!');
</script>Nota: Generalmente, cuando escribes ejercicios tú mismo, usas [ Uso de práctica ] cuando quieres ser perezoso y no quieres configurar archivos js.
Por lo general, cuando trabaje en sus propios proyectos, colóquelo en la parte inferior. No afecta el orden de carga y se puede distinguir de los archivos CSS, y no afecta la representación del navegador. Si lo coloca en otro lugar, es mejor usar onload.
Los ejemplos son los siguientes: <html>
<title>Escritura en línea estilo JS</title>
<meta http-equiv="tipo de contenido" contenido="texto/html; conjunto de caracteres=utf-8" />
<cuerpo>
<!--js escritura en línea a partir de 02-->
<div clase="img">
Evento de clic:
<img src="images/002.jpg" id='yuansu'></img>
</div>
<!--js método de escritura en línea 02 fin-->
</cuerpo>
<guión>
// código js // Encuentra el elemento XX, generalmente agrega una identificación al elemento
yuansuojb=document.getElementById('yuansu');
//Agregar evento yuansuojb.onclick=function(){ al elemento xx
// Alerta de segmento de código (1);
}
//Evento desencadenante</script>
</html>Resultado de salida:
Utilice src en la etiqueta script para introducir archivos externos
paso:
Escribir archivos js independientes
Referenciado a través de etiquetas de script en la página.
(1) No se puede escribir ningún código en el script que introduce archivos JS externos
(2) Utilice la estructura del código de la página HTML para separar varias piezas de código JS fuera de la página HTML, lo cual es hermoso y conveniente para la reutilización de archivos.
<script src="main.js"></script>
Nota: Al igual que los estilos en línea, colocarlos en la parte inferior y en la cabecera debe considerarse caso por caso [ uso frecuente ]
Utilice src no href
Los ejemplos son los siguientes:Escriba el código js en un archivo .js y cítelo en HTML
El contenido del archivo .html es el siguiente:
<html>
<title>Método de escritura de enlaces externos estilo JS</title>
<meta http-equiv="tipo de contenido" contenido="texto/html; conjunto de caracteres=utf-8" />
<cuerpo>
<div clase="img">
Escritura de enlace externo: evento de clic:
<img src="images/003.jpg" id='yuansu'></img>
</div>
</cuerpo>
<script src='js/index.js'></script>
</html>El contenido del archivo .js es el siguiente:
// código js // Encuentra el elemento XX, generalmente agrega una identificación al elemento
yuansuojb=document.getElementById('yuansu');
//Agregar evento yuansuojb.onclick=function(){ al elemento xx
//Segmento de código var str="¡¡¡hola mundo!!!";
alerta(cadena);
}Resultado de salida:
