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