Ayuda(javascript)-crear librería js

FJDA · 29 Abril 2017, 12:16 PM

hola

Estoy aprendiendo javascript y he llegado a ese punto que quiero crear una librería llamando a una función externa de una archivo js.

Esto en el HTML

Código (javascript) [Seleccionar]


<body>

<div class="container"></div>
<script type="text/javascript">
 var contenedor= document.getElementsByClassName('container')[0];
 with(contenedor)
 {
  style.width="300px"
  style.height="300px"
  style.backgroundColor="red"
 }
//aquí llamaría a la función externa crearParrafo que crearía el objeto
//párrafo dentro del div

crearObjeto(contenedor)
//Esta  sería la función externa en el archivo crearParrafo.js
// function crearObjeto(contenedor)
// {
//  //crear objeto
//  var parrafo= document.createElement('p');
//  parrafo.innerText="¡Hola mundo!"
//  contenedor.appendChild(parrafo);
// }
</script>
 <script type="text/javascript" src="crearParrafo.js"></script> 
</body>

y esta función en archivo javascript externo:

Código (javascript) [Seleccionar]


function crearObjeto(contenedor)
{
   //crear objeto
   var parrafo= document.createElement('p');
   parrafo.innerText="¡Hola mundo!";
   contenedor.appendChild(parrafo);
};

Esta parte de como llamar a funciones externas como jquery y librerías personalizadas no se como hacerlo.

Ayuda por favor

Gracias

Encontré la manera

En el HTML pongo:

Encontré la manera

en el HTML pongo:

Código (javascript) [Seleccionar]

<div class="container"></div>
<script type="text/javascript" src="crearObjeto.js"></script> 
<script type="text/javascript">
 var n = document.getElementsByClassName('container')[0]
 var objeto= crearObjeto(document);
 n.appendChild(objeto)
</script>

y el archivo crearObjeto.js

Código (javascript) [Seleccionar]

 
function crearObjeto($)
 {
  var objeto= $.createElement('p')
  objeto.innerText="hola mundo"
  with(objeto)
  {
   style.backgroundColor="lightblue"
   style.width="100px"
  }
  return objeto
 };

pero yo he visto usar expresiones como esta:

$(element).yourfunctionname()

...
(function($){
$.fn.yourFunctionName = function(){
alert('function called succesfully for - ' + $(this).html() );
}

y no comprendo esta sintaxis

Test Foro de elhacker.net SMF 2.1

Ayuda(javascript)-crear librería js

FJDA