How To Pass Value From One Html Page To Another Using Javascript

To demonstrate parameter transfers between HTML pages, let’s create a go.html file with one line:

<a href="index.html?result=voted">Calling the site with parameters</a>

So the task is reduced to extracting variables and their values from a query (?result=voted). Of course, JavaScript is not the best programming language for handling such queries, but sometimes it is justified (e.g., when you cannot use Perl, PHP, etc.).

JavaScript has a property window.location.search or just location.search. To implement our task, the file index.html will contain the following text:

<script language='javascript'>

function getParam(sParamName)
// The function for defining the passed variable
{
var Params = location.search.substring(1).split("&"); 
// cut off the "?" and put the variables and their values into the array var variable = "";

for (var i = 0; i < Params.length; i++) // look through the entire variable array
  { 
        if (Params[i].split("=")[0] == sParamName) // if the desired variable is found, and
       { 
           if (Params[i].split("=").length > 1) variable = Params[i].split("=")[1]; 
           // if the value of the parameter is set, then 
           return variable; // We return it
       }
   }
   return "";
}

// Print result
str = getParam("result");
document.write('The value of the passed variable result = ');
document.write('<b>');
document.write(str);
document.write('</b>');

</script>

The basis of the contents of the index.html site is the getParam(sParamName) function, the call to which looks like this: getParam(“result”). In our example this function will output the string “voted”.