Etiqueta <script> de HTML

Definición y uso

<script> La etiqueta se utiliza para insertar scripts del lado del cliente.

<script> El elemento puede contener instrucciones de script o Atributo src Puntero a un archivo de script externo.

El tipo de script más utilizado es JavaScript, aunque los navegadores también soportan otros lenguajes de script.

El uso común de JavaScript es el procesamiento de imágenes, la validación de formularios y el cambio dinámico de contenido.

Notas：El tipo de elemento script al que pertenece depende de su uso. Los elementos script ubicados en el elemento head son elementos de metadatos, mientras que los ubicados en otros elementos (como body o sectionLas que están en los paréntesis son elementos de frase.

Por favor, consulte：

Tutoriales de HTML：HTML Script

Manual de referencia del DOM HTML：Objeto Script

Tutoriales de JavaScript：Aprender JavaScript

Ejemplo

Ejemplo 1: Definir script incrustado en el documento

Escribir "Hello JavaScript!" usando JavaScript:

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Intente hacerlo usted mismo

Ejemplo 2: Cargar biblioteca de script externo

<script src="simple.js"></script>

Intente hacerlo usted mismo

Consejos y comentarios

Consejo:Para navegadores que tienen scripts desactivados o no admiten scripts, consulte también Elemento <noscript>.

Consejo:Si desea aprender más sobre JavaScript, visite nuestro Tutoriales de JavaScript.

Atributo

Atributo Valor Descripción
async async Se especifica que el script se descargue en paralelo mientras se analiza la página y se ejecute inmediatamente cuando esté disponible (antes de que se complete el análisis) (solo para scripts externos).
crossorigin
  • anonymous
  • use-credentials
 Establece el modo de la solicitud como solicitud CORS HTTP.
defer defer Se especifica que el script se descargue en paralelo mientras se analiza la página y se ejecute después de que se complete la análisis de la página (solo para scripts externos).
integrity filehash Permite que el navegador verifique el script obtenido para asegurarse de que el código nunca se cargue si el código fuente se ha manipulado.
nomodule
  • True
  • False
 Se especifica que el script no debe ejecutarse en navegadores que admiten módulos ES2015.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Se especifica qué información de referente se enviará al obtener el script.
src URL Se especifica la URL del archivo de script externo.
type Tipo de script Se especifica el tipo de medio del script.

Diferencias entre HTML y XHTML

En XHTML, el contenido dentro de los scripts se declara como #PCDATA (en lugar de CDATA), lo que significa que las entidades se analizarán.

Esto significa que en XHTML, todos los caracteres especiales deben ser codificados o todo el contenido debe estar envuelto en la sección CDATA:

<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // some code
}
//]]>
</script>

Atributos globales

<script> Las etiquetas también admiten Atributos globales de HTML.

Configuración CSS predeterminada

La mayoría de los navegadores mostrarán los valores predeterminados siguientes: <script> Elemento:

script {
  display: none;
}

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte