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
<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
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
<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
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