Ejemplo
Escribir "Hola JavaScript!" con JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Inténtalo tú mismo " Definición y Uso
La <script> etiqueta se utiliza para definir un script del lado del cliente (JavaScript).
La <script> elemento ya sea contiene declaraciones de secuencias de comandos, o señala a un archivo de script externo a través de la src atributo.
usos habituales de este lenguaje son la manipulación de imágenes, la validación de formularios, y los cambios dinámicos de contenido.
Consejo: Si quieres aprender JavaScript, visite nuestro Tutorial de JavaScript .
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <script> | Sí | Sí | Sí | Sí | Sí |
Notas y sugerencias
Nota: Si el "src" atributo está presente, la <script> elemento debe estar vacío.
Consejo: También busque en el <noscript> elemento para usuarios con discapacidad que tienen las secuencias de comandos en su navegador, o que tienen un navegador que no admite secuencias de comandos del lado del cliente.
Nota: Hay varias maneras de un script externo puede ejecutar:
- Si async="async" : La secuencia de comandos se ejecuta de forma asíncrona con el resto de la página (la secuencia de comandos se ejecutará mientras que la página sigue el análisis)
- Si async no está presente y defer="defer" : La secuencia de comandos se ejecuta cuando la página ha terminado el análisis sintáctico
- Si ninguno async o defer está presente: El guión es descabellada y ejecutado inmediatamente, antes de que el navegador continúa el análisis de la página
Diferencias entre HTML 4.01 y HTML5
El "type" se requiere de atributos en HTML 4, pero opcional en HTML5.
El "async" atributo es nuevo en HTML5.
El atributo HTML 4.01: "xml:space" , no es compatible con HTML5.
Diferencias entre HTML y XHTML
En XHTML, el contenido en el interior de las secuencias de comandos se declara como #PCDATA (en lugar de CDATA), lo que significa que las entidades serán analizados.
Esto significa que en XHTML, todos los caracteres especiales deben ser codificados, o todos los contenidos deben ser envueltos dentro de una sección CDATA:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
atributos
= Nuevo en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| async | async | Especifica que el script se ejecuta de forma asíncrona (sólo para los scripts externos) |
| charset | charset | Especifica la codificación de caracteres utilizado en un archivo de script externo |
| defer | defer | Especifica que el script se ejecuta cuando la página ha terminado de analizar (sólo para los scripts externos) |
| src | URL | Especifica la dirección URL de un archivo de script externo |
| type | media_type | Especifica el tipo de medio del guión |
| xml:space | preserve | No se admite en HTML5. Especifica si los espacios en blanco en el código debe ser preservada |
Los atributos globales
La <script> etiqueta también es compatible con el de los atributos globales en HTML .
Páginas relacionadas
Tutorial de HTML: Scripts HTML
Referencia HTML DOM: Objeto de secuencias de comandos
JavaScript Tutorial: Aprende JavaScript
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán la <script> elemento con los siguientes valores predeterminados:
script {
display: none;
}