HTML JavaScript
JavaScript hace que las páginas HTML sean más dinámicas e interactivas.
La etiqueta HTML <script>
La etiqueta HTML <script> se utiliza para definir un script del lado del cliente (JavaScript).
El elemento <script> contiene instrucciones de script o apunta a un archivo de script externo a través del src atributo.
Los usos comunes de JavaScript son la manipulación de imágenes, la validación de formularios y los cambios dinámicos de contenido.
Para seleccionar un elemento HTML, JavaScript utiliza con mayor frecuencia el método document.getElementById().
Este ejemplo de JavaScript escribe "Hello JavaScript!" en un elemento HTML con id="demo":
Ejemplo
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Inténtalo tú mismo »
Consejo: Puedes aprender mucho más sobre JavaScript en nuestro Tutorial de JavaScript.
Una muestra de JavaScript
A continuación se muestran algunos ejemplos de lo que JavaScript puede hacer:
Ejemplo
JavaScript puede cambiar el contenido:
document.getElementById("demo").innerHTML = "Hello JavaScript!";
Inténtalo tú mismo »
Ejemplo
JavaScript puede cambiar estilos:
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
Inténtalo tú mismo »
Ejemplo
JavaScript puede cambiar atributos:
document.getElementById("image").src = "picture.gif";
Inténtalo tú mismo »
La etiqueta HTML <noscript>
La etiqueta HTML <noscript> define un contenido alternativo que se mostrará a los usuarios que tienen scripts deshabilitados en su navegador o tienen un navegador que no admite scripts:
Ejemplo
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Lo sentimos, ¡tu navegador no soporta JavaScript!</noscript>
Inténtalo tú mismo »
HTML Ejercicios
Etiquetas de secuencias de comandos HTML
| Etiqueta | Descripción |
|---|---|
| <script> | Definir un script del lado del cliente |
| <noscript> | Define un contenido alternativo para usuarios que no admiten scripts del lado del cliente |
Para obtener una lista completa de todas las etiquetas HTML disponibles, visite Referencia de etiquetas HTML en nuestro sitio web W3SchoolsES. ElMejor.
HTML — JavaScript — Vídeo de W3Schools
Este vídeo es una introducción a JavaScript y cómo funciona en HTML.
¡Parte de una serie de tutoriales en vídeo para aprender HTML para principiantes!
