English Português

Cuando queremos usar Javascript tenemos dos opciones para poder incluirlo nuestra página web, la primera es poner directamente la función entre las etiquetas <head> y </head> y la segunda es utilizar un archivo externo con extensión .js (javascript).

El archivo externo tiene la ventaja de que hace más ligera tu página al graberse en la pc del usuario y no tener que cargarse en cada página durante la navegación. La creación de este tipo de archivos puede hacerse de la siguientes formas:

Con Dreamweaver. Hacerlo con este progroma (o cualquier otro que soporte javascript) es sencillo, basta abrir un nuevo archivo dentro de la categoría “página básica” y seleccionar “Javascript”. En este documento pegas las funciones de las que más uso hagas y la guardas con el nombre que prefieras.

Con el blog de notas. Sí por cualquier razón no cuentas con un software de diseño web, puedes crearlo con esta herramienta de windows facilmente.

  1. Abre el blog de notas.
  2. Pega tus funciones en el nuevo documento. En este archivo no tienes que incluir la etiquetas <script type=”text/javascript”></script> como cuando las incluyes directamente en la página, sí aparecen en tu función, simplemente eliminalas.
  3. Ve al menú “archivo” y “guardar como”.En el nombre del archivo, borra lo que tiene por default y escribe el nombre de tu archivo pero con terminación “.js”, por ejemplo “funciones.js”. Un poco abajo, en la cortina “Tipo” selecciona “Todos los archivos” y abajo de esta, en la cortina “codificación” selecciona “UTF-8″ y listo, ya tienes tu archivo .js, subelo a tu host o a algun host gratuito como geocities.

Para vincularlo, vamos al código HTML de nuestra página y nos ubicamos entre las etiquetas <head> y </head>. Es aquí donde haremos el llamado al archivo y lo haremos de la siguiente forma:



<script src="funciones.js" type="text/javascript"></script>

Donde sólo tenemos que cambiar la ubicación de nuestro script, es decir, donde aparece “src=”, delante del igual y entre comillas, la dirección de nuestro archivo JS.

Espero que les sea útil, es muy básico, pero siempre es dificil cuando no se sabe.

Escrito por Francisco

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Comentarios

  1. Paloma / Hace 1445 días /

    Hola
    He intentado hacerlo pero no hay forma,puse en un archivo .js, para probar, los codigos del scrip para bloquear el boton dercho del mouse, lo subi al servidor y nada, no me funciona.
    Soy muy novata en esto, ojala me puedas ayudar
    Gracias
    paloma

    Responder a Paloma →
  2. falco / Hace 1123 días /

    hola he hecho los pasos , el hot que utilizo es boxstr.com, di me si me sirve para guardar el archivo js, mi pagina en un blog de blogger, estube buscando la etiquetas y .
    y solo puedo encontrar es esto es lo que encuentro:

    <![CDATA[.texthidden {
    display:inline
    }

    .shown {
    display:block
    }

    /*

    porfavor colaborame

    gracias

    Responder a falco →
  3. pixi / Hace 1112 días /

    hola, disculpa lo impertinente, pero ya estoy harto en el trabajo hahaha
    quiero saber: si creo un js en debian, me deberia corren en windows no es cierto? es posible que este js corra en un celular?? de que tipo tendria que ser?
    a proposito, el js que quiero crear es uno que sea capaz de llevar un inventario de mercaderias de forma eficiente y rapida (para no tener ke recurrir a los anticuados papeles a los que nos someten xD)
    bueno, eso es, mushas gracias y
    un saludo libertario y hasta pronto,

    Responder a pixi →
  4. Leonardo / Hace 1080 días /

    Hola, Francisco e Iván: gracias por este contenido. Sí, es elemental pero fundamental.

    Excelente trabajo…

    Responder a Leonardo →
  5. ioannis / Hace 984 días /

    amigoo muy buena aportacion

    gracias .tenia mas de 15 dias buscando el por que no corrian los scripts que guardaba en archivos js. y creo que era por que los guardaba en ansi en lugar de utf-8

    Responder a ioannis →
  6. Cesar / Hace 947 días /

    hola
    Nunca he guardado un script , no se como ver el codigo fuente,para guardarlo y llamarlo desde mi blog….

    como lo guardo? donde?

    gracias!

    Responder a Cesar →
  7. adrii / Hace 905 días /

    gracias por como pasar a . js porqe no sabia :D

    Responder a adrii →
  8. alanis / Hace 898 días /

    0ola
    fransisco
    te amo
    muchisimo
    no tanto
    como a
    apolo lo amo
    con toda mi alma.

    Responder a alanis →
  9. alanis / Hace 898 días /

    te amo
    apolo0o0o0o0,
    te quiero0o0o0,
    te extraño y te
    adorooooooooo0o0o0o0o0o0o0o0o00o0o0o0o0o0o0o
    :) :):)

    Responder a alanis →
  10. Pepe / Hace 604 días /

    Hola, una corrección: se dice bloc de notas, no “blog” de notas. Saludos!!!

    Responder a Pepe →
  11. Onhim / Hace 462 días /

    Quisiera agradecer su ayuda, esto si me sirvio correctamente
    gracias, muchas gracias!

    Responder a Onhim →
  12. caro / Hace 68 días /

    gracias me ayudo mucho, aclaro mis dudas

    Responder a caro →
  13. ariel / Hace 29 días /

    hola qiciera saber si me pueden ayudar con un problemilla que tengo
    tengo una pagina funciones_valida.js y las llamo de esta forma a un formulario asp

    y en el boton ingresar
    esta de esata forma

    ingresar= return validar()
    pero no me funciona
    faltara alguna libreria para que me reconosca el llamado a la pagina js ? el framework que estoy ocupando es mootools
    pero aun asi no me funciona.

    Responder a ariel →
  14. ariel / Hace 29 días /
    Responder a ariel →
  15. ariel / Hace 29 días /

    la llamada a la pagina funciones_valida.js

    Responder a ariel →
  16. hector / Hace 16 días /

    Muy bueno me sirvió mucho… tambien soy algo novato en programación web.. Gracias

    Responder a hector →

Responder

¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados.

Blog and Web es un blog de Blógstica

Términos de uso - Política de privacidad