从另一个 JavaScript 文件访问变量

Question

I need to get a variable currentID from renderermain.js and use it in renderermem.js .

However, I need to do this without having to add this to mem.html :

<script src="renderermain.js"></script>
<script src="renderermem.js"></script>

Because I cannot mix these two.

I have tried:

renderermain.js

globalVariable={currentID:activeID};

renderermem.js

var currentID = globalVariable.currentID;

But this doesn't work.

Note: I am switching html files at this point from main.html (using renderermain.js ) to mem.html (using renderermem.js ).

Does anyone have any ideas?

Thanks.

Answer 1

Basically there are two ways to pass variables between web pages. The first method is to use sessionStorage, or localStorage. The second method is to use a query string with the URL.

To use sessionStorage or localStorage: This goes in the first web page:

// "myVariable" is the sessionStorage variable name
// "variable_one" is the variable string value

sessionStorage.setItem("myVariable", "variable_one);

// This goes in the second web page:
// Retrieve the sessionStorage variable
var myVariable = sessionStorage.getItem('myVariable');

Query String with URL: Pass a string as a parameter.

Example:

<a href="filename.html?data1|data2|data3">Go to filename</a>

When Go to filename is clicked, filename.html is loaded with the query string

"?data1|data2|data3" 

appended to the filename in the address bar. To get the query string into variables, use:

var queryString = location.search.substring(1);

The variable queryString now has the value

"data1|data2|data3"

To break these out into individual variables use split:

var a = queryString.split("|"); 
// which creates an array

Then get the values out of the array and put them into variables:

var value1 = a[0];
var value2 = a[1];
var value3 = a[2];

Now:

value1 == "data1", value2 == "data2", value3 == "data3"