Creo que tendras que estudiar un poco mas puesto que tienes algun error de concepto.
Cuando el html carga un o varios js es como si los scripts estuvieran en el proio html y si son varios scripts actuan como si fueran uno solo...
Vamos con un ejemplo
Archivo js1.js
Código Javascript
:
Ver original// JavaScript Document
var variable="Hola mundo";
function leevariable(){
alert(variable);
}
Archivo js2.js
Código Javascript
:
Ver original// JavaScript Document
function leeselect(){
variable=document.getElementById("elselect").value;
}
y finalmente leejs.html
Código HTML:
Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript" type="text/JavaScript" src="js1.js"></script> <script language="JavaScript" type="text/JavaScript" src="js2.js"></script> <body onLoad="leevariable()"> <select name="elselect" onChange="leeselect();leevariable();" id="elselect">
En este ejemplo vemos como se muestra el valor de la variable "variable" en el evento onload de body. La variable se define en js1.js y se muestra mediante la funcion "leevariable()" tambien definida en js1.js.
En el cuerpo del html tenemos un select que en su evento oncange llama la funcion "leeselect()" definida en js2.js la cual guarda el valor del select en la variable "variable" de js1.js y luego llama otra vez la funcion "leevariable()" de js1.js para que nos muestre el nuevo valor de la variable ...
Quim