0% encontró este documento útil (0 votos)
4 vistas

JavaScript_Introducción

El documento proporciona una introducción a JavaScript, incluyendo su sintaxis y métodos de inclusión en HTML. Se detalla cómo incluir JavaScript en el mismo documento, en archivos externos y en elementos XHTML, destacando las características y requisitos de cada método. Además, se presentan ejemplos de código para ilustrar cada forma de inclusión.

Cargado por

mjroblecani
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
0% encontró este documento útil (0 votos)
4 vistas

JavaScript_Introducción

El documento proporciona una introducción a JavaScript, incluyendo su sintaxis y métodos de inclusión en HTML. Se detalla cómo incluir JavaScript en el mismo documento, en archivos externos y en elementos XHTML, destacando las características y requisitos de cada método. Además, se presentan ejemplos de código para ilustrar cada forma de inclusión.

Cargado por

mjroblecani
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/ 8

JavaScript

INTRODUCCIÓN
Contenidos
1. Sintaxis
2. Inclusión de JavaScript en HTML
3. En el mismo documento
4. En un archivo externo
5. En los elementos XHTML
SINTAXIS
◼ Mayúsculas <> minúsculas

◼ No se tienen en cuenta los espacios en blanco y las


nuevas líneas: como sucede con XHTML, el intérprete de JavaScript ignora cualquier
espacio en blanco sobrante, por lo que el código se puede ordenar de forma adecuada para entenderlo
mejor (tabulando las líneas, añadiendo espacios, creando nuevas líneas, etc.)

◼ No se define el tipo de las variables

◼ Se pueden incluir comentarios:


//para una sola línea
/* para poner un comentario
que ocupa varías líneas*/
Inclusión JavaScript en HTML
1. En el mismo documento
◼ Para que la página XHTML resultante sea válida, es necesario añadir el atributo
type a la etiqueta <script>
◼ Este método se emplea 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.

2. En un archivo externo
◼ Además del atributo type, 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

3. En los elementos XHTML


◼ Este último método es el menos utilizado, pues que ensucia innecesariamente
el código y complica su mantenimiento
◼ Sólo se utiliza para definir algunos eventos y en algunos otros casos especiales
En el mismo documento
<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>
Con la función alert aparecerá una ventana emergente para
indicar el mensaje.

</head> Para mostrar datos en el propio documente utilizaremos la


función document.write.
<body>
<p>Un párrafo de texto.</p>
</body>
</html>
En un archivo externo
1. Archivo codigo.js
alert("Un mensaje de prueba");

2. 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>
En los elementos XHTML
<!DOCTYPE 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>
8

También podría gustarte