ubiquitour.com

Cómo insertar JavaScript en HTML

Cómo insertar JavaScript en HTML

Una página HTML sin JavaScript es como una televisión con no controles. Ambas muestran contenido, pero no se puede hacer mucho con ellos. JavaScript es un lenguaje de programación que permite a los desarrolladores añadir efectos visuales a las páginas web y hacerlas interactivas. Simplicidad de JavaScript es una herramienta de desarrollo ideal para programadores novatos en web. Añadir JavaScript a tu página web insertando directamente en código HTML de la página o mediante la inclusión de una referencia a un archivo externo de JavaScript.

Instrucciones

1 Haga clic en "Inicio" y tipo "Bloc de notas." Presione "Enter". Se abrirá el Bloc de notas. Añadir este texto al archivo:

< script tipo = "texto/javascript" >< / script >

2 Presione "CTRL + S" para abrir la ventana "Guardar como". Desplácese a la carpeta "Escritorio" y haga clic en "Nueva carpeta" en la parte superior de la ventana. Tipo "Test_HTML_JavaScript1" al nombre de la carpeta.

3 Haga doble clic en la carpeta para abrirla. Escriba "ExternalJavaScript.js" en el cuadro de texto "Nombre de archivo" y haga clic en "Guardar". Bloc de notas guarde el archivo como un archivo de JavaScript en la carpeta "Test_HTML_JavaScript1".

4 Agregue el código siguiente en el documento:

<! Html DOCTYPE público "-//W3C//DTD XHTML 1.0 Transitional / / EN" "del http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns = "del http://www.w3.org/1999/xhtml" >

< head >

< title > JavaScript prueba < / title >

< /HEAD >

< cuerpo >

< H1 > prueba añadiendo JavaScript para HTML < / h1 >

< /body >

< / html >

Esto crea un documento HTML que contiene un encabezado.

5 Añadir este texto después de la etiqueta "< title >":

< script tipo = "texto/javascript" >< / script >

Esta declaración agrega una referencia al archivo JavaScript externo. Un navegador ejecutará el código en el archivo cuando se carga la página web.

6 Este bloque de código se añadirá el código anterior:

< script tipo = "texto/javascript" >

var x = 1;

var y = 2;

var sum = x + y;

var message = "The sum of X and Y is " + sum;

alert(message);

< /script >

Esto crea un bloque de la línea de código JavaScript. El código agrega dos números y muestra la suma cuando el navegador carga.

7 Haga clic en "Archivo" y seleccione "Guardar como" para abrir la ventana "Guardar como". Escriba "Test_HTML_JavaScript.html" en el cuadro de texto "Nombre de archivo" y haga clic en "Guardar". Bloc de notas guarde el archivo como un documento HTML en la misma carpeta que el archivo JavaScript externo.

8 Vaya a su escritorio y busque la carpeta "Test_HTML_JavaScript1". Haga doble clic en él para abrirlo.

9 Haga doble clic en "Test_HTML_JavaScript.html." Su navegador abrirá y mostrar una alerta de mensaje del archivo externo de JavaScript y otro alerta de mensaje de la línea de código JavaScript.

Consejos y advertencias

  • Añadir tantos enlaces externos de JavaScript como necesite. Cada enlace externo crea una llamada al servidor web. Incluir enlaces externos como pocos como sea posible para minimizar el tiempo de carga de página. También puede colocar un bloque en línea "< script >" en cualquier lugar en la sección "< body >" de un documento HTML. Sin embargo, la mayoría de los desarrolladores lo colocan en la sección "< head >" del documento.