Paso de parametros entre paginas html5

En ocasiones en el mundo html5 de requiere de usar otras paginas para independizar un poco y no saturar tanto de cargas ajax nuestra página. en este proceso nace un artefacto muy básico para el paso de parámetros entre paginas HTML: Con jsp seria algo así:

<%= request.getParameter("nombredelparametro") %>

con php seria:

<?php echo $_get["nombredelparametro"] ?>

con html: desde la pagina que se envia la accion.

  
href="paginaquerecibe.html?var1=Yovany&var2=Suarez" 

desde la pagina que recibe. En la cabecera

function leerGET() { 
 var cadGET = location.search.substr(1, location.search.length); 
 var arrGET = cadGET.split("&"); 
 var asocGET = new Array(); 
 var variable = "";
  var valor = ""; 
 for (i = 0; i < arrGET.length; i++) { 
  var aux = arrGET[i].split("=");
  variable = aux[0]; 
  valor = aux[1]; 
  asocGET[variable] = valor; 
 } 
 return asocGET;
 }

luego se lee lo tomado y se opera ya a gusto

$(document).ready(function() { 
 var paresVarValor = leerGET(); 
 for (obj in paresVarValor) { 
  idLote = paresVarValor[obj]; 
  // document.write("'" + obj + "': " + paresVarValor[obj] + "");
   alert("'' + paresVarValor[obj]); 
 } 
});

Propiedad Personalizada en un componente HTML

Existen algunos casos dentro de la programacion web en los que se requiere hacer paso de parametros a nivel de javascript, sin regargas de pagina o tener que pasar por GET o POST. Una de las opciones para manejar este caso es agregar propiedades a un elemento HTML, en este caso representamos una img que tiene una propiedad personalizada llamada idEmpresa, le agregamos un accion jquery que al hacer click sobre este img se lea esta propiedad. No aplica para todos los componentes del DOM.!
Ejemplo del caso.
HTML:

img id='imagen' width='120' idEmpresa='500' 
src='http://agrocost.i-project.co/AgroCostMDA/images/logos/agrocost.png' 

Javascript:

 $(function() {
   $('imagen').bind("click",function(){
      var idEmpresa = $(this).attr("idEmpresa");
   )};
 });