P: ¿Como puedo meter mi codigo en un .js?
R:
Veamos como colocar una función dentro de un .js a través de un ejemplo:
Supongamos que tenemos la siguiente página y que deseamos aislar la función
cerrar() dentro de un archivo llamado librerias.js.
Página original Código PHP:
<html>
<head>
<script language="JavaScript">
function cerrar(){
window.close();
}
</script>
</head>
<body>
<input type="button" value="Abrir FullScreen" onclick="cerrar()">
</body>
</html>
Lo primero que debemos hacer es "aislar" el código JavaScript contenido
entre las etiquetas <script> y </script> de la siguiente manera:
librerias.js Código PHP:
// Nótese que no se debe colocar ningún tag HTML. Ni siquiera <script>.
function cerrar(){
window.close();
}
La página transformada quedaría de la siguiente manera:
Página transformada Código PHP:
<html>
<head>
<script language="JavaScript" src="librerias.js">
</script>
</head>
<body>
<input type="button" value="Abrir FullScreen" onclick="cerrar()">
</body>
</html>
Colocar el código de esta manera tiene las siguientes ventajas:
- Da mayor claridad a la página.
- Ayuda a reutilizar el código.
- Dificulta (no imposibilita) la lectura del código por terceros.
Notas:
- Se pueden incluir tantos archivos .js como se necesiten.
- La inclusión puede estar tanto en el <head> como en el <body>.