Etiqueta HTML <secuencia de comandos>
Ejemplo
Escribe "¡Hola JavaScript!" con JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Definición y uso
La <script>etiqueta se utiliza para incrustar un script del lado del cliente (JavaScript).
El <script>elemento contiene declaraciones de secuencias de comandos o apunta a un archivo de secuencia de comandos externo a través del atributo src.
Los usos comunes de JavaScript son la manipulación de imágenes, la validación de formularios y los cambios dinámicos de contenido.
Consejos y notas
Sugerencia: también mire el elemento <noscript> para los usuarios que tienen scripts deshabilitados en su navegador, o tienen un navegador que no admite scripts del lado del cliente.
Sugerencia: si desea obtener más información sobre JavaScript, visite nuestro tutorial de JavaScript .
Compatibilidad con navegador
| Element | |||||
|---|---|---|---|---|---|
| <script> | Yes | Yes | Yes | Yes | Yes |
Atributos
| Attribute | Value | Description |
|---|---|---|
| async | async | Specifies that the script is downloaded in parallel to parsing the page, and executed as soon as it is available (before parsing completes) (only for external scripts) |
| crossorigin | anonymous use-credentials |
Sets the mode of the request to an HTTP CORS Request |
| defer | defer | Specifies that the script is downloaded in parallel to parsing the page, and executed after the page has finished parsing (only for external scripts) |
| integrity | filehash | Allows a browser to check the fetched script to ensure that the code is never loaded if the source has been manipulated |
| nomodule | True False |
Specifies that the script should not be executed in browsers supporting ES2015 modules |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url |
Specifies which referrer information to send when fetching a script |
| src | URL | Specifies the URL of an external script file |
| type | scripttype | Specifies the media type of the 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 se analizarán las entidades.
Esto significa que en XHTML, todos los caracteres especiales deben estar codificados o todo el contenido debe incluirse dentro de una sección CDATA:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Atributos globales
La <script>etiqueta también es compatible con los atributos globales en HTML .
páginas relacionadas
Tutorial de HTML: secuencias de comandos HTML
Referencia HTML DOM: objeto de secuencia de comandos
Tutorial de JavaScript: Aprende JavaScript
Configuración predeterminada de CSS
La mayoría de los navegadores mostrarán el <script>elemento con los siguientes valores predeterminados:
script {
display: none;
}