<script>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Resumen
El elemento HTML Script (<script>
) se utiliza para insertar o hacer referencia a un script ejecutable dentro de un documento HTML o XHTML.
Los scripts sin atributo async
o defer
, así como las secuencias de comandos en línea, son interpretados y ejecutados inmediatamente, antes de que el navegador continúe procesando la página.
Content categories | Metadata content, Flow content, Phrasing content. |
---|---|
Contenido permitido | Script dinámico tal como text/javascript . |
Omision de etiquetas | |
Elementos padre permitidos | Cualquier elemento que acepte metadata content, o cualquier elemento que acepte phrasing content. |
Interfaz DOM | HTMLScriptElement |
Atributos
Este elemento contiene los atributos globales.
async
-
Establece este atributo booleano para indicar al navegador, si es posible, ejecutar el código asincrónicamente. Esto no afecta a los scripts escritos dentro de la etiqueta (es decir a aquellos que no tienen el atributo src).
Ver Browser compatibility para notas acerca de compatibilidad. Ver tambien Scripts asincrónicos para asm.js.
integrity
-
Contiene información de metadatos que es usada por el user agent del navegador para verificar el recurso captado fue entregado libre de manipulación inesperada. Ver Subresource Integrity.
src
-
Este atributo especifica la URI del script externo; este puede ser usado como alternativa a scripts embebidos directamente en el documento. Si el script tiene el atributo src, no debería tener código dentro de la etiqueta.
type
-
Este atributo identifica el lenguaje de scripting en que está escrito el código embebido dentro de la etiqueta script, o referenciada utilizando el atributo src. Los valores posibles están especificados como un MIME type (tipo MIME). Algunos ejemplos de tipos MIME que pueden ser utilizados son:
text/javascript
,text/ecmascript
,application/javascript
, yapplication/ecmascript.
Si el atributo se encuentra ausente, el valor por defecto será un script JavaScript.Si el tipo MIME especificado no es un tipo JavaScript, el contenido embebido dentro de la etiqueta script es tratado como un bloque de datos que no será procesado por el navegador.
Si el tipo especificado es module, el código es tratado como un módulo JavaScript Experimental . Ver ES6 in Depth: Modules.
Nota: en Firefox puedes usar características avanzadas tales como let statements y otras características de la última versión de JS, usando type=application/javascript;version=1.8 No estándar . Ten cuidado!, esto no es una característica estándar, es decir, probablemente genere conflictos con otros navegadores, en particular aquellos basados en Chromium.
Para incluir lenguajes de programación exóticos, lee acerca de Rosetta.
text
-
Este atributo actúa como el atributo
textContent
, establece el texto contenido del elemento. Pero a diferencia detextContent
, este atributo se evalúa como ejecutable luego de ser insertado como nodo en el DOM. language
Obsoleto-
Este atributo actúa como el atributo
type
, identifica el tipo de lenguaje que se utiliza. A diferencia del atributotype
, los posibles valores de este atributo nunca fueron estandarizados. El atributotype
debe ser utilizado en lugar delanguage
. defer
-
Este atributo establece si el script debe ser ejecutado luego de que el documento entero sea analizado. Dado que esta función aún no fue implementada por todos los navegadores relevantes, los autores no deberían asumir que el script realmente será ejecutado luego de la carga y analisis del documento. Desde Gecko 1.9.2 el atributo defer es ignorado en los scripts que no tienen el atributo src. Sin embargo, en Gecko 1.9.1 incluso se difieren los scripts escritos dentro de la etiqueta.
crossorigin
No estándar-
Elementos normales script pasan información mínima al
window.onerror
para scripts que no pasan las revisiones del estándar CORS. Para permitir registrar errores en los sitios que usan dominios separados para recursos estáticos, usar este atributo.
Ejemplos
<!-- HTML4 y (x)HTML -->
<script type="text/javascript" src="javascript.js"></script>
<!-- HTML5 -->
<script src="javascript.js"></script>
Especificaciones
Specification |
---|
Scalable Vector Graphics (SVG) 2 # ScriptElement |
Compatibilidad con navegadores
BCD tables only load in the browser