Cómo agregar JavaScript a tu sitio web usando HTML

PDF download Descargar el PDF
Coescrito por Personal de wikiHow

PDF download Descargar el PDF

Este wikiHow te enseñará cómo incluir JavaScript en el código de tu sitio web usando HTML.

Pasos

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f5\/864267-1.jpg\/v4-460px-864267-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f5\/864267-1.jpg\/v4-728px-864267-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    El Bloc de notas en Windows y TextEdit en Mac son los editores de texto nativos que vienen con los sistemas operativos.
    • En Windows, escribe Bloc de notas en el campo de búsqueda del menú de "Inicio" para ubicar el Bloc de notas en tu computadora y luego haz clic en él cuando aparezca en los resultados.
    • En Mac, haz clic en la lupa que está en la esquina superior derecha de la pantalla, escribe TextEdit en el campo de búsqueda y haz clic en TextEdit cuando aparezca en los resultados.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/33\/864267-2.jpg\/v4-460px-864267-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/33\/864267-2.jpg\/v4-728px-864267-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Incluye las etiquetas HTML, incluyendo la combinación <head> y </head> , así como la combinación <body> y </body> . Incluye todas las etiquetas necesarias para iniciar la página, como se muestra a continuación: 
       < 
 html 
 > 
 < 
 head 
 > 
 </ 
 head 
 > 
 < 
 body 
 > 
 </ 
 body 
 > 
 </ 
 html 
 >
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/24\/864267-3.jpg\/v4-460px-864267-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/24\/864267-3.jpg\/v4-728px-864267-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Para hacerlo, inserta una etiqueta <script language="javascript"> en la cabecera. Esto le dice al editor de texto que te gustaría usar el lenguaje JavaScript para escribir tu "programa" HTML JavaScript. En este ejemplo, saludaremos al usuario usando alert (alerta).
    • Añade la etiqueta de script en la cabecera HTML de tu propio sitio web para añadir JavaScript.
    • Si quieres que el script se ejecute automáticamente cuando el sitio se cargue, no incluyas una función. Si quieres llamarlo, incluye una función.
      •  < 
 html 
 > 
 < 
 head 
 > 
 < 
 script 
 language 
 = 
 "javascript" 
 > 
 alert 
 ( 
 "Hola y bienvenido." 
 ) 
 </ 
 script 
 > 
 </ 
 head 
 > 
 < 
 body 
 > 
 </ 
 body 
 > 
 </ 
 html 
 >
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2c\/864267-4.jpg\/v4-460px-864267-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2c\/864267-4.jpg\/v4-728px-864267-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si sabes dónde puede encontrarse el archivo de script, añade una propiedad src= a la etiqueta de script e incluye la dirección web completa del archivo JavaScript.
    • Al llamar un script que esté en tu propio sitio, asegúrate de vincular directamente el archivo Javascript y no el URL o la otra página desde donde se llame al script.
      •  < 
 html 
 > 
 < 
 head 
 > 
 < 
 script 
 type 
 = 
 "text/javascript" 
 src 
 = 
 "http://www.cpagrip.com/script_include.php?id=2193" 
 > 
 </ 
 script 
 > 
 </ 
 head 
 > 
 < 
 body 
 > 
 </ 
 body 
 > 
 </ 
 html 
 >
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6c\/864267-5.jpg\/v4-460px-864267-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6c\/864267-5.jpg\/v4-728px-864267-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/66\/864267-6.jpg\/v4-460px-864267-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/66\/864267-6.jpg\/v4-728px-864267-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e7\/864267-7.jpg\/v4-460px-864267-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e7\/864267-7.jpg\/v4-728px-864267-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/de\/864267-8.jpg\/v4-460px-864267-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/de\/864267-8.jpg\/v4-728px-864267-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Anuncio

Advertencias

  • Tienes que determinar el tipo MIME de la etiqueta en HTML4. Puedes hacerlo insertando el atributo "type='text/javascript'" en la etiqueta <script>. No tienes que determinar el atributo de tipo en HTML5.
  • En HTML3, en lugar de "type='text/javascript'", tendrás que insertar "language='javascript'".
Anuncio

wikiHows relacionados

Cómo
convertir de decimal a hexadecimal
Cómo
ejecutar un programa desde el símbolo del sistema en Linux
Cómo
hacer un programa usando Bloc de notas
Cómo
calcular porcentaje en Java
Cómo
usar el comando net send
Cómo
formatear texto como código en Discord
Cómo
crear un archivo EXE
Cómo cambiar un código de cerradura de Kwikset
Cómo
sumar dos números en Visual Basic.Net
Cómo comentar múltiples líneas en Python: formato y accesos directos
Cómo
abrir un archivo SQL
Cómo
programar tu propio software
Cómo
comenzar a programar en Python
Cómo
abrir XAMPP al iniciar Windows
Anuncio

Acerca de este wikiHow

En otros idiomas
Esta página ha recibido 11 697 visitas.

¿Te ayudó este artículo?

Anuncio