Cómo acceder a las funciones dentro de un archivo externo de JS

Escrito por jim campbell | Traducido por juliana star
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo acceder a las funciones dentro de un archivo externo de JS
Cómo acceder a las funciones dentro de un archivo externo de JS. (Duncan Smith/Digital Vision/Getty Images)

Los archivos externos de Javascript, o JS, te permiten segmentar el código de tu sitio web para que puedas incluir el archivo JS en varias páginas web sin escribir las instrucciones en cada página. Debes incrustar el archivo JS externo en tu código HTML y luego llamar a las funciones en los elementos HTML de la página. Los archivos JS externos hacen que la codificación sea más conveniente debido a que solamente necesitas cambiar el código de la función en una ubicación cuando actualizas tu sitio web.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

  1. 1

    Haz clic con el botón derecho en el archivo HTML desde el que quieras invocar las funciones externas de Javascript. Haz clic en "Abrir con" y selecciona tu editor HTML preferido de la lista. Haz clic en "Abrir" para editar el código.

  2. 2

    Escribe el siguiente código dentro de las etiquetas HTML "<head>" y "</head>":

    <SCRIPT language="JavaScript" SRC="http://www.domain.com/externalfile.js"></SCRIPT>

    Sustituye "domain" con tu propio dominio y reemplaza el texto "externalfile.js" con tu propio nombre de archivo. También puedes crear un vínculo a archivos de JS externos en otro dominio.

  3. 3

    Desplázate hacia abajo en el archivo HTML hasta la ubicación del elemento desde el que quieras invocar la función de JS. Escribe el código de la función de JS en el elemento. Por ejemplo, si quieres invocar una función cuando un usuario haga clic en un botón, el siguiente código llama a "myfunction" en el archivo externo vinculado anteriormente:

    <input type="button" onClick="javascript: myfunction()" />

  4. 4

    Haz clic en "Guardar" para guardar los cambios del código. Para ver el código probado abre la página en un explorador web. La función Javascript se ejecuta cuando haces clic en un elemento de tu página.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles