Insertar JavaScript en una página web es muy parecido a insertar cualquier otro contenido HTML. Las etiquetas utilizadas para agregar JavaScript en HTML son <script> y </script>. El código rodeado por las etiquetas <script> y </script> se denomina blog de script.
Las etiquetas <script> se pueden colocar entre las etiquetas <head> y </head> o entre las etiquetas <body> y </body>.
El atributo type era el atributo más importante de la etiqueta <script>. Sin embargo, ya no se usa. El navegador entiende que la etiqueta <script> tiene código JavaScript dentro.
<script type="text/javascript">
Cómo escribir, guardar y ejecutar códigos:
Método 1:
1. Use cualquier editor de notas como Notepad , Notepad++ para escribir el código.
2. Guarde la página con la extensión .html y cárguela en el navegador web.
Método 2:
1. Cree un archivo .js y escriba su código JS en este archivo usando su editor favorito.
2. Agregue <script src="relative_path_to_file/file_name.js"></script>el final de la etiqueta <body> dentro del archivo HTML.
Código para Pintar la página de azul claro
<!DOCTYPE html> <html> <head> <title></title> </head> <body bgcolor="white"> <p>Paragraph 1</p> <script type="text/javascript"> document.bgColor ="lightblue"; </script> </body> <html>
Producción:
El color de la página web es azul claro, pero la etiqueta del cuerpo de apertura está definida para establecer el color de fondo en blanco.
<body bgcolor="white">
El color de fondo de la página es azul claro porque JavaScript se usa para configurar el color de fondo del documento para que sea azul claro.
document.bgcolor="lightblue";
Aprendiendo del código:
1. La página se conoce como documento con el fin de crear secuencias de comandos en una página web.
2. Se puede hacer referencia a las propiedades del documento escribiendo documento seguido de un punto, seguido del nombre de la propiedad. El documento tiene muchas propiedades.
3. Después de que la etiqueta <script>, el navegador comience a interpretar el texto como JavaScript hasta que aparezca </script>.
Código para escribir algo en una página web usando JavaScript:
Escribamos «¡Hola mundo!» a una página en blanco usando JavaScript.
VISUALIZACIÓN DEL RESULTADO EN LA PÁGINA WEB.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0
Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title></title>
</head>
<body>
<p id="ResultsP"></p>
<script type="text/javascript">//Script Block 1
document.getElementById('ResultsP').innerHTML ='Hello World!';
</script>
</body>
<html>
Producción:
Aprendiendo del código:
1. Se ha agregado la siguiente línea a este código.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”>
Esto le permite al navegador web saber que el usuario está usando XHTML. En realidad, no hace ninguna diferencia en el código; funcionaría bien sin las líneas adicionales.
2. Observe que a la etiqueta <p> se le ha asignado una identificación usando el atributo id.
<p id=”ResultsP”>
Esta identificación debe ser única en la página web, ya que JavaScript la utiliza para identificar el elemento HTML específico en la siguiente línea:
document.getElementById(‘ResultsP’).innerHTML = ‘Hello World!’;
El código simplemente significa: «¡Consígueme el elemento del documento con id ResultsP y configura el HTML dentro de ese elemento en Hello World!»
Es importante que el código que accede al párrafo esté después del párrafo; de lo contrario, el código intentaría acceder a un párrafo antes de que existiera en la página y generaría un error.
Publicación traducida automáticamente
Artículo escrito por vikas_56666 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA