
El elemento html script se utiliza para incluir o indicar un script ejecutable. Un ejemplo de cómo utilizar este elemento para insertar un script externo en HTML4 y XHTML:
< script type = "text / javascript" src = "javascript.js" > </ script >
En HTML5, la diferencia es simple: eliminar la propiedad type
de acuerdo con los consejos de la especificación HTML5:
< script src = "javascript.js" > </ script >
Cómo escribir un script en línea en el documento:
< script > alert ( "Hola" ); </ script >
Etiqueta html script
Clasificaciones de contenido | Un elemento organizativo, un elemento regular o un elemento descriptivo. |
---|---|
Contenido permitido | Scripts dinámicos como text/javascript . |
Acrónimo | Las etiquetas de inicio o finalización no se pueden omitir. |
Elementos del padre | Cualquier elemento que acepte contenido reglamentario o descriptivo. |
Interfaz DOMO | HTMLScriptElement |
Soporte de navegadores
Chrome | Firefox | Edge | Safari | Ópera |
---|---|---|---|---|
Soportado | Soportado | Soportado | Soportado | Soportado |
Características
En este elemento html script se pueden utilizar propiedades globales. Los scripts que no tienen la propiedad async
o difieren, así como los scripts incluidos directamente en el archivo, se descargarán y ejecutarán inmediatamente antes de que el navegador complete la interpretación de la página.
Los scripts deben entregarse con su propio tipo MIME text/javascript
, pero los navegadores nos permiten y sólo evitarán que el script se ejecute si se sirven con el tipo de imágenes MIME (es decir image/*
), video ( video/*
), audio ( audio/*
) o text/csv
. Si se impide la secuencia de comandos, el evento se activará error
incluso si aún no se ha activado load
.
async
Una propiedad booleana que indica que el navegador debe ejecutar este script de forma asincrónica si puede. Esta propiedad no se puede usar si el atributo src no está establecido (es decir, el script está incluido en el documento) y, si se usa en este caso, no tendrá ningún efecto.
Los scripts agregados al documento se ejecutan dinámicamente de forma asincrónica de forma predeterminada, pero para permitir que los scripts se ejecuten de forma asincrónica (es decir, los scripts se ejecutan en el mismo orden en que se cargan) establezca el valor de esta propiedad en false
.
Hay varios casos de uso de esta función y función defer
, y se pueden resumir de la siguiente manera:
- Si la propiedad está
async
presente, este script se ejecutará de forma asincrónica con el resto de la página (es decir, el script se ejecutará mientras se interpreta el resto de la página). - Si la propiedad no está
async
presente pero la usadefer
, la ejecución del script se retrasará hasta que se interprete la página. - Si no utiliza la función
async
odefer
, el script se descargará y ejecutará inmediatamente, es decir, antes de que el navegador haya terminado de interpretar la página.
Ejemplo de ejecución de un script de forma asincrónica; es decir, el navegador completará la interpretación de la página mientras se ejecuta:
< script src = "async.js" async > </ script >
defer
Una propiedad booleana que indica que el navegador debe ejecutar este script después de interpretar el resto del documento.
Esta propiedad no se puede usar si no se especifica un valor para la propiedad src
( el script está incluido en el documento), y si se usa en este caso, no tendrá ningún efecto.
Para obtener más información sobre esta función, consulte la descripción de la función async
anterior.
Ejemplo de aplazamiento de la ejecución de un script; es decir, el navegador lo ejecutará después de que se haya interpretado el resto de la página:
< script src = "defer.js" defer > </ script >
integrity
Incluye metadatos que el navegador puede usar para asegurarse de que un recurso descargado no contenga modificaciones inesperadas.
src
Esta propiedad especifica un URI para una secuencia de comandos externa y se puede utilizar como una alternativa para incluir secuencias de comandos directamente dentro del documento.
Si el elemento tiene la <script>
propiedad, src
no está permitido incluir un script entre la etiqueta de inicio y la etiqueta de cierre.
type
Especifique el tipo de secuencia de comandos que se incluirá en el documento. Esta propiedad se puede omitir, ya que esto indicará que este script está en JavaScript.
La especificación HTML5 advierte a los desarrolladores que no utilicen esta función porque se conoce el tipo MIME de scripts de JavaScript. Pero esta función se usó en navegadores anteriores para definir en qué lenguaje de programación estaba escrito el script.
language
Esta propiedad es similar a una propiedad type
que define qué lenguaje usar para escribir scripts, pero los valores que acepta esta propiedad no estaban estandarizados, por lo que esta propiedad ahora está en desuso y la propiedad debería usarse type
en su lugar.
- Resumen General de Listas en HTML
- Qué son los Atributos HTML
- Introducción al Lenguaje de Programación HTML
- Elementos h1 al h6 en HTML
- Elemento wbr en HTML
- Elemento video en HTML
- Elemento var en HTML
- Elemento ul en HTML
- Elemento u en HTML
- Elemento track en HTML
- Elemento tr en HTML
- Elemento title en HTML
- Elemento time en HTML
- Elemento thead en HTML
- Elemento th en HTML
- Elemento tfoot en HTML
- Elemento textarea en HTML
- Elemento td en HTML
- Elemento tbody en HTML
- Elemento table en HTML
- Elemento summary en HTML
- Elemento sub en HTML
- Elemento style en HTML
- Elemento strong en HTML
- Elemento span en HTML
- Elemento source en HTML
- Elemento small en HTML
- Elemento select en HTML
- Elemento section en HTML
- Elemento script en HTML
- Elemento samp en HTML
- Elemento s en HTML
- Elemento q en HTML
- Elemento progress en HTML
- Elemento pre en HTML
- Elemento picture en HTML
- Elemento param en HTML
- Elemento p en HTML
- Elemento output en HTML
- Elemento option en HTML
- Elemento optgroup en HTML
- Elemento ol en HTML