Blog and Web

  • Inicio
  • Foro para Bloggers
  • Templates Blogger
  • Categorias
    • Adsense
    • Blogandweb
    • Blogger
    • Blogs
    • CSS
    • Diseño
      • Fuentes
      • Iconos
      • Logos
    • Dominios
    • Geek
    • HTML
    • Javascript
    • México
    • Microblogging
    • Notas rápidas
    • Photoshop
      • Brushes
    • PHP
    • Plantillas Blogger
    • Productos Google
      • Firefox
    • Recursos en linea
    • SEO
    • Software
    • Tutoriales
    • Web 2.0
    • Widgets para Blogger
    • Wordpress
      • Plugins
      • Themes
  • Nosotros
  • Publicidad
  • Suscríbete vía RSS
« Crear un degrado con CSS
Quitar el borde punteado a los links cuando se les da click »

Crear un archivo .js para nuestras funciones de Javascript

Marzo 5th, 2007  |  Publicado por Francisco en Javascript  |  1 Comentario

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.




Artículos relacionados

  • Mostrar un link aleatorio en cada visita con Javascript
  • Mostrar un link aleatorio en cada visita puede servir para darle más...

  • Imprimir página con Javascript
  • Para darle a nuestro usuarios la comodidad de un botón para imprimir...

  • Buscador de funciones usadas en Wordpress
  • Wordpress es una de las plataformas para blogs que más evolución han...

Respuestas

Feed | Dirección de Trackback
  1. Paloma:

    Junio 9th, 2008 a las 10:41 pm (#)

    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

Deja tu comentario

¡Gracias por dejar tu opinión! Por favor procura que tus comentarios no estén fuera tema, no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán eliminados. Recuerda que puedes usar nuestro foro para otros temas y preguntas.

  • Templates Blogger
  • Aplicaciones web 2.0
  • Foro para Bloggers

Categorías

  • Adsense
  • Blogandweb
  • Blogger
  • Blogs
  • Brushes
  • CSS
  • Diseño
  • Dominios
  • Firefox
  • Fuentes
  • Geek
  • HTML
  • Iconos
  • Javascript
  • Logos
  • México
  • Microblogging
  • Notas rápidas
  • Photoshop
  • PHP
  • Plantillas Blogger
  • Plugins
  • Productos Google
  • Recursos en linea
  • SEO
  • Software
  • Themes
  • Tutoriales
  • Web 2.0
  • Widgets para Blogger
  • Wordpress

Blógstica

  • Ir a BlogandWebBlog and Web
  • Foro para BloggersForos del Blog
  • Templates, layouts, themes and designs for Google Blogger (Blogspot).BTemplates
  • Servicios y aplicaciones web 2.0Web a 2.0
  • Ir a Ser TuristaSer Turista
  • Ir al Blog ingenieríaBlog Ingeniería
  • Ir a BlógsticaBlógstica

Entradas recientes

  • Blogging portátil
  • Buscador de funciones usadas en Wordpress
  • Lo mejor sobre blogging en español 2008
  • ¿Opera, el mejor navegador para usar Blogger?
  • Haciendo un libro en 3D

Comentarios recientes

  • perro en ¿Opera, el mejor navegador para usar Blogger?
  • winjaime en Blogging portátil
  • vicki en Publica en tu blog de Blogger desde tu página de inicio
  • AM en Los 10 trucos más buscados para Blogger
  • perro en Iconos Twitter

Archivos

  • Enero de 2009
  • Diciembre de 2008
  • Noviembre de 2008
  • Octubre de 2008
  • Septiembre de 2008
  • Agosto de 2008
  • Julio de 2008
  • Junio de 2008
  • Mayo de 2008
  • Abril de 2008
  • Marzo de 2008
  • Febrero de 2008
  • Enero de 2008
  • Diciembre de 2007
  • Noviembre de 2007
  • Octubre de 2007
  • Septiembre de 2007
  • Agosto de 2007
  • Julio de 2007
  • Junio de 2007
  • Mayo de 2007
  • Abril de 2007
  • Marzo de 2007
  • Febrero de 2007

©2009 Blog and Web - Bajo WordPress. Diseño basado en grindlite.
Condiciones de uso | Política de privacidad