Wikiversidad

Diferencia entre revisiones de «Diseño Web/Retos Javascript»

Explorar historial interactivamente
← Edición anteriorEdición siguiente →
Contenido eliminado Contenido añadido
VisualWikitexto
Agregué la traducción de los retos 8-10
→‎Reto 7: Javascript que no estorba: Corregí unos pequeños errores en la redacción.
Línea 559:
Hasta ahora hemos estado mezclando nuestro JavaScript con el código HTML... y este es el modo en el que Javascript se ha hecho durante años porque es simple (así como usar las etiquetas <font> en HTML es un poco más cimple que usar CSS). Pero no es la mejor manera.
 
Así como separamos nuestro contenido (X)HTML de la presentación en CCSCSS de nuestras páginas web, también vale la pena separar el comportamiento de nuestro Javascript. ¿Por qué? Puedes encontrar un poco más de información al respecto en Wikipedia [http://es.wikipedia.org/wiki/JavaScript_no_obstructivo JavaScript no obstructivo], pero si piensas en cómo separar CSS implica que se puede reusar la misma hoja de estilo muy fácilmente, es lo mismo con Javascript. Separando Javascript de la página, podemos aplicar el mismo código a muchas páginas sin tener (usualmente) que modificar la página misma.
 
'''Aquí tienes cómo funciona:''' Normalmente conectamos nuestro código Javascript (como la función revisaFormulario) a un elemento de (X)HTML en particular con un atributo como onsubmit:
Línea 605:
</pre>
 
y tienes razón, hasta un cierto punto. Queremos usar el evento onload, pero no escribirlo en el (X)HTML o estaríamos de regrresoregreso en el punto original. En su lugar colocaremos nuestra nueva línea de Javascript en su propia función:
 
<pre>
Línea 652:
Inténtalo ahora con tu propio formulario.
 
El último paso para separar nuestro Javascript es mover el código completo a un archivo aparte, de manera que solamente quede nuestra etiqueta script haciendo referencia al archivodearchivo de Javascript:
 
<pre>
Obtenido de «https://es.wikiversity.org/wiki/Diseño_Web/Retos_Javascript»