Home MundoTec Software Código fuente Tutorial / pdf Minijuegos

2023

Código Fuente para pasar parámetros en la dirección url de archivo html a otro archivo html.

Es importante y beneficioso que se pasen parámetros en la url cuando un archivo html llama a otro para definir en forma inicial un conjunto de datos en el momento de mostrar el archivo html a ejecutar. De este modo, mas de una vez, lo que se mostrarían con múltiples archivos html, simplemente se puede hacer con un solo archivo html, y luego mostrar los datos seleccionados según los parámetros indicados.
Existen varias posibilidades en la sintaxis de los parámetros, pero por lo general, y es conveniente, se acostumbra o normaliza, indicar la presencia de parámetros en la url después del carácter "?" (signo de interrogación de cierre), y la separación de parámetros con el carácter "&" (ampersand). El parámetro se indica con su nombre y valor separados por el signo "=" (igual).
Una url con parámetros sería así:

http o https:// direccion web ? nombreParametro1=valorParámetro1 & nombreParametro2=valorParámetro2

El archivo html que es llamado deberá leer los parámetros, para luego presentar la información requerida. Por medio del siguiente Script en el encabezado del archivo html se detecta y recupera el valor indicado de un parámetro buscado, que luego es llamado por el código del BODY del archivo html, como por ejemplo otra función, un botón, la etiqueta Anchor <a> o la codificación que se determine.

|<script language="JavaScript">
|
|var remplaza = /\+/gi;
|var url = window.location.href;
|url = unescape(url);
|url = url.replace(remplaza, " ");
|function obtener_valor(variable){
| var variable_may = variable;
| var variable_pos = url.indexOf(variable_may);
| if (variable_pos != -1) {
|  var pos_separador = url.indexOf("&", variable_pos);
|  if (pos_separador != -1){
|   return url.substring(variable_pos + variable_may.length + 1, pos_separador);
|  }
|  else{
|   return url.substring(variable_pos + variable_may.length + 1, url.length);
|  }
| }
| else{
|  return "el parametro no ha sido encontrado";
| }
|}
|
|</script>

Luego, por ejemplo, podemos escribir el valor del parámetro en el archivo html llamado, con el siguiente Script en el cuerpo (BODY) del archivo html llamado, ejecutando la función de JavaScript "obtener_valor" codificada en el encabezado (HEAD):

|<script>
| document.write(obtener_valor("NombreParámetro"));
|</script>