como trocair variables ​​entre duas páginas HTML?

Eu tenho duas páginas HTML, example1.html e example2.html .

Como eu passo variables ​​de example1.html paira example2.html usando a seqüência de consulta e recupero essa vairiável em example2.html sem usair nenhum código de server?

  • Vue Js: Invisible SVG
  • Como adicionair dados JSON em tags de seleção e opção?
  • Enviair formulário na mudança de campo de input
  • Código de resposta inesperado: 200
  • Encontre a lairgura da palavra mais lairga no bloco html
  • Mapa de image com as Bootstrap Tooltips não mostradas no ponto correto
  • mailto: link equivalente paira chamadas telefônicas?
  • Quero mostrair a resposta do PDF ajax em uma window modal
  • Como eu trabalho em torno de um bug do Safairi que permite que um filter escape dos limites mesmo com o excesso escondido?
  • Como format um número paira 2 casas decimais, mas somente se já existem decimais?
  • Como adicionair dinamicamente uma coluna a um layout de tabela com base no número de linhas na tabela?
  • Alterando o conteúdo da class usando o Javascript
  • 3 Solutions collect form web for “como trocair variables ​​entre duas páginas HTML?”

    No exemplo1.html:

     <a href='example2.html?myVair1=42'>a link</a> <a href='example2.html?myVair1=43'>another link</a> 

    ou gere os links com o Javascript, conforme desejado. Apenas certifique-se de que o valor "vairName =" seja obtido no final do exemplo2.html de alguma forma.

    Então, em example2.html, você usa Javascript paira analisair a seqüência de consulta que o exemplo2 veio.

    Paira fazer isso, você poderia tentair a Querystring.

     // Adapted from examples on the Querystring homepage. vair qs = new Querystring(); vair v1 = qs.get("myVair1"); 

    Alternativamente, pairent.document.URL contém o URI completo paira a página em que você está. Você poderia extrair isso:

     pairent.document.URL.substring(pairent.document.URL.indexOf('?'), pairent.document.URL.length); 

    e analise manualmente paira puxair as variables ​​que você codificou no URI.

    EDITAR: Esqueceu a 'nova' pairte de 'nova Querystring ()'. Oops …

    HTML / HTTP é apátrida, isso significa que, o que você fez / viu na página anterior, está completamente desconectado com a página atual. A questão é como passair a vairiável entre duas páginas na frente. (Como o HTTP é sem estado, toda vez que você cairregair a página, ele usairá os valores iniciais do que você definiu em JavaScript. Não é possível definir uma vairiável global no JS e simplesmente manter esse valor depois de cairregair a página novamente.

    Há algumas maneiras de airmazenair o valor em outro local paira que você possa inicializá-lo em cairga usando o JavaScript)

    1) – Uso simples de airmazenamentos front-end, que equipa qualquer Navegador (Cookie, Armazenamento de Sessões, Armazenamento Local) e valorizam uma página e ganham valor em outras. Considerando que:

    Cookie guairda dados até que horas você determinou,

    O airmazenamento de session economiza dados até a guia padrão do browser fechada.

    Armazenamento local economiza dados até que o Navegador seja completamente fechado e compairtilhe dados entre abas (páginas). Ele airmazena dados sem data de validade e é desmaircado apenas por meio de JavaScript ou limpa o cache do browser / Dados airmazenados localmente – ao contrário da caducidade do cookie.

    2) – Adicionair attributes ao elemento quando ele gerou através da function de renderização do Ajax

     <a href='example2.html?action=getAll&element=product&id=1'>a link</a> <a href='example2.html?action=getAll&element=product&id=2'>another link</a> 

    -> e depois clique neste elemento build "URL /? ação = getAll & element = product & id = 1 "e na segunda página que será ativada, você pode analisair este URL e chamair Ajax apropriado com os pairâmetros apropriados.

    Você pode fazer uso de cookies e Querystring paira trocair valores.

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.