Scribd
Cargar
10 vistas5 páginas

Javascript y HTML

El documento detalla tres métodos para integrar JavaScript en páginas web: incluirlo directamente en el documento XHTML, definirlo en un archivo externo y agregarlo en elementos HTML. La inclusión en un archivo externo es la más recomendada por su capacidad de reutilización y simplificación del código HTML. Cada método tiene sus ventajas y desventajas, siendo el uso de archivos externos el más eficiente para el mantenimiento y la modificación del código.

Cargado por

lolobel7777
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
10 vistas5 páginas

Javascript y HTML

El documento detalla tres métodos para integrar JavaScript en páginas web: incluirlo directamente en el documento XHTML, definirlo en un archivo externo y agregarlo en elementos HTML. La inclusión en un archivo externo es la más recomendada por su capacidad de reutilización y simplificación del código HTML. Cada método tiene sus ventajas y desventajas, siendo el uso de archivos externos el más eficiente para el mantenimiento y la modificación del código.

Cargado por

lolobel7777
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 5

Desarrollo Web con Javascript

p. 2

Módulo 1: Programando Javascript

Unidad 1: Introducción a Javascript


p. 3

1. Javascript y HTML
La integración de JavaScript y XHTML es muy flexible, ya que existen al menos tres formas
para incluir código JavaScript en las páginas web.

Incluir JavaScript en el mismo documento XHTML


El código JavaScript se encierra entre etiquetas <script> y se incluye en cualquier parte del
documento. Aunque es correcto incluir cualquier bloque de código en cualquier zona de la
página, se recomienda definir el código JavaScript dentro de la cabecera del documento
(dentro de la etiqueta <head>):

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Ejemplo de código JavaScript en el propio documento</title>
<script type="text/javascript">
alert("Un mensaje de prueba");
</script>
</head>

<body>
<p>Un párrafo de texto.</p>
</body>
</html>

Este método se emplea cuando se define un bloque pequeño de código o cuando se quieren
incluir instrucciones específicas en un determinado documento HTML que completen las
instrucciones y funciones que se incluyen por defecto en todos los documentos del sitio
web.

El principal inconveniente es que si se quiere hacer una modificación en el bloque de código,


es necesario modificar todas las páginas que incluyen ese mismo bloque de código
JavaScript.
p. 4

Definir JavaScript en un archivo externo


Las instrucciones JavaScript se pueden incluir en un archivo externo de tipo JavaScript que
los documentos XHTML enlazan mediante la etiqueta <script>. Se pueden crear todos los
archivos JavaScript que sean necesarios y cada documento XHTML puede enlazar tantos
archivos JavaScript como necesite.

Ejemplo:

Archivo codigo.js

alert("Un mensaje de prueba");

Documento XHTML

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Ejemplo de código JavaScript en el propio documento</title>
<script type="text/javascript" src="/js/codigo.js"></script>
</head>

<body>
<p>Un párrafo de texto.</p>
</body>
</html>

Este método requiere definir el atributo src, que es el que indica la URL correspondiente al
archivo JavaScript que se quiere enlazar. Cada etiqueta <script> solamente puede enlazar
un único archivo, pero en una misma página se pueden incluir tantas
etiquetas <script> como sean necesarias.

Los archivos de tipo JavaScript son documentos normales de texto con la extensión .js, que
se pueden crear con cualquier editor de texto como Notepad, Sublime Text, EmEditor,
UltraEdit, etc.

La principal ventaja de enlazar un archivo JavaScript externo es que se simplifica el código


HTML de la página, que se puede reutilizar el mismo código JavaScript en todas las páginas
p. 5

del sitio web y que cualquier modificación realizada en el archivo JavaScript se ve reflejada
inmediatamente en todas las páginas HTML que lo enlazan.

Incluir JavaScript en los elementos HTML


Este último método es el menos utilizado, ya que consiste en incluir trozos de JavaScript
dentro del código HTML de la página:

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Ejemplo de código JavaScript en el propio documento</title>
</head>

<body>
<p onclick="alert('Un mensaje de prueba')">Un párrafo de texto.</p>
</body>
</html>

El mayor inconveniente de este método es que ensucia innecesariamente el código HTML


de la página y complica el mantenimiento del código JavaScript. En general, este método
sólo se utiliza para definir algunos eventos y en algunos otros casos especiales.

También podría gustarte