MEJOR SITIO PARA DESARROLLADORES WEB
HTML5 Lecciones para principiantes

Ua En De

HTML JavaScript


JavaScript hace que las páginas HTML sean más dinámicas e interactivas.


Ejemplo

Mi primer JavaScript

Inténtalo tú mismo »


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

Ponte a prueba con ejercicios

Ejercicio:

Utilice JavaScript para cambiar el contenido HTML del elemento <p> a "Hello World!".

<body>

<p id="demo">Hi.</p>

<script>
document.("demo").innerHTML = "Hello World!";
</script>

</body>


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 nuestra Referencia de etiquetas HTML.



Comentarios