Elemento script en HTML

Elemento script en html

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 contenidoUn elemento organizativo, un elemento regular o un elemento descriptivo.
Contenido permitidoScripts dinámicos como text/javascript.
AcrónimoLas etiquetas de inicio o finalización no se pueden omitir.
Elementos del padreCualquier elemento que acepte contenido reglamentario o descriptivo.
Interfaz DOMOHTMLScriptElement

Soporte de navegadores

ChromeFirefoxEdgeSafariÓpera
SoportadoSoportadoSoportadoSoportadoSoportado

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 usa defer, la ejecución del script se retrasará hasta que se interprete la página.
  • Si no utiliza la función asyncdefer, 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, srcno 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.