Как передать переменную на новую страницу, используя всплывающее окно?

Question

У меня есть function, который превращает Id щелкнутого элемента в переменную, а затем открывается новое окно с новой страницей. Как я могу получить доступ к этой переменной на этой новой странице?

var idToWrite = []; 

$(function(){ 
    $(".szlink div").bind("click", function(){ 
    idToWrite.push($(this).attr("id")); 
    window.open("itemEncJS.html"); 
    //do something 
}); 

Answer 1

вы можете использовать локальное хранилище: на текущей странице:

var storage = window.localStorage; 
storage.setItem('id', id); 

на новой странице:

var storage = window.localStorage; 
var id = storage.getItem('id'); 

Answer 2

Это не безопасно, и он не предназначен для использования простых html для обработки запросов от URL-адресов.

Однако, если вы действительно хотите сделать это, вы можете открыть всплывающее окно с URL со значениями, как это:

window.open("itemEncJS.html?name1=value1&name2=value2"); 

Затем на второй странице вы должны будете использовать регулярные выражения, чтобы выбрать значение из URL, что-то вроде этого:

url = window.location.href; 
nameValuePairs = url.match(/[\w]*=[\w]*/ig) 
values = {} 
nameValuePairs.forEach(function(pair){ 
    nv = pair.split("="); 
    values[nv[0]] = nv[1]; 
}) 

Теперь вы можете использовать значения получить ваши требуемые значения например

val1 = values[name1] 
val2 = values[name2]