Se puede pasar variables/return de funciones entre archivos src de un html común?

Albuss · #1 (**permalink**) 04/11/2012, 00:35

Se puede pasar variables, o returns de funciones entre archivos src que tienen un html común? (es decir, una pagina html que llama a ambos documentos).

Ps. obviamente estamos hablando de archivos src Javascript.

caricatos · #2 (**permalink**) 04/11/2012, 02:46

Hola:

Con archivos *.js no creo que puedas (nunca lo hice ni lo vi), pero si podrías pasar parámetros con algún lenguaje del servidor como php: *.js.php?var1=alguna_cosa...

Saludos

emprear · #3 (**permalink**) 04/11/2012, 08:39

Bueno, tecnicamente es posible, aunque pudiendo hacer lo que señala @caricatos, no le encuentro mucha utilidad

get_js.js

Código Javascript:

Ver originalwindow.onload = function() {
var nombre;
var url_script = document.getElementById("script_uno").getAttribute("src");
var qs = url_script.substring(url_script.indexOf("?") + 1, url_script.length);
var parametros = qs.split("&");
for(var i = 0; i < parametros.length; i++){
 var name  = parametros[i].substring(0,parametros[i].indexOf("="));
 var value = parametros[i].substring(parametros[i].indexOf("=") + 1, parametros[i].length);
// por si querés pasar números
    if(isNaN(parseInt(value))) {
  parametros[i] = parametros[i].replace(value, "'" + value + "'");
 }
 eval(parametros[i]);
}
document.getElementById("nombre").innerHTML = nombre;
};

get_js.html

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Get En js</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script id="script_uno" type="text/javascript" src="get_js.js?nombre=Emprear"></script>
</head>
<body>
<h1 id="nombre"><!-- fix --></h1>
</body>
</html>

Probada en IE9/FF/Chrome

Saludos

IsaBelM · #4 (**permalink**) 04/11/2012, 09:52

otra interpretación. se refiere a un intento de algo moludar js

js1.js

Cita:

function ID(id) {
return document.getElementById(id);
}

js2.js

Cita:

function alerta() {
alert(ID('control').value);
}

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js1.js"></script>
<script type="text/javascript" src="js2.js"></script>
</head>
<body>
<form>
<input type="text" value="funciona" id="control" onclick="alerta()" />
</form>
</body>
</html>

Albuss · #5 (**permalink**) 04/11/2012, 10:10

gracias, es de mucha utilidad, para no tener un GRAN archivo .js y poder tener varios diversificados, mas pequeños pero mas legibles.