JavaScript HTML

JavaScript hace que la página HTML sea más dinámica e interactiva

Ejemplo

Mi primer segmento de JavaScript

Prueba en Vivo

Etiqueta <script> de HTML

HTML <script> etiqueta se utiliza para definir scripts del cliente (JavaScript).

<script> El elemento puede contener instrucciones de script o a través de src propiedad apunta a un archivo de script externo.

El uso común de JavaScript es el procesamiento de imágenes, la validación de formularios y el cambio dinámico de contenido.

Para seleccionar elementos HTML, JavaScript es el más común document.getElementById() Método.

Este ejemplo de JavaScript escribe "¡Hola JavaScript!" en el elemento HTML con id="demo":

Ejemplo

<script>
document.getElementById("demo").innerHTML = "¡Hola JavaScript!";
</script>

Prueba en Vivo

Consejo:Puedes encontrar en nuestro Tutoriales de JavaScript aprender más conocimientos de JavaScript.

El sabor de JavaScript

Aquí hay algunos ejemplos que muestran las capacidades de JavaScript:

Ejemplo

JavaScript puede cambiar contenido:

document.getElementById("demo").innerHTML = "¡Hola JavaScript!";

Prueba en Vivo

Ejemplo

JavaScript puede cambiar estilos:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

Prueba en Vivo

Ejemplo

JavaScript puede cambiar propiedades:

document.getElementById("image").src = "picture.gif";

Prueba en Vivo

Etiqueta <noscript> de HTML

HTML <noscript> La etiqueta define contenido alternativo que se mostrará a los usuarios que han desactivado los scripts en el navegador o a los usuarios cuyos navegadores no admiten scripts:

Ejemplo

<script>
document.getElementById("demo").innerHTML = "¡Hola JavaScript!";
</script>
<noscript>Disculpe, su navegador no admite JavaScript!</noscript>

Prueba en Vivo

Etiqueta Script de HTML

Etiqueta Descripción
<script> Definir scripts de cliente.
<noscript> Definir contenido alternativo para usuarios que no admiten scripts de cliente.

Para obtener una lista completa de todas las etiquetas HTML disponibles, visite nuestra Manual de Referencia de Etiquetas de HTML.