javascript - 单击下一页时隐藏 div

Question

我想通过单击按钮隐藏下一页上的 div。意思是，人们会单击一个按钮并转到下一页，在下一页上，我想对一个 div 应用带有 jquery 的“.hide()”或“display: none”。我能做到这一点的最好方法是什么？我知道当它们位于同一页面上并单击按钮时如何执行此操作，但如果您单击按钮，转到下一页，然后从那里隐藏某些内容，则不知道如何执行此操作。

救命啊!谢谢你!!

我已经尝试过 sessionStorage，但我不知道我是否正确应用了它。该按钮来自表单，当他们单击“注册”时，它将重定向到另一个页面，我希望仅当单击过去网页中的按钮时才隐藏一个 div。如果没有，div 应该在那里。

页面按钮

<button id='sign-up-but' class='submit' type="submit" onclick="hiddenInfo()">Sign Up</button>

我想隐藏的表单 - 单击“注册”按钮后显示在下一页

<div id="missing-information" class="card"> Form </div>

我希望“缺失信息”在单击“注册但是”后消失并重定向到下一页。

Answer 1

如果我正确理解你的问题，那么你可以使用 LocalStorage Web API结合 jQuery 来实现这一点 - 请参阅下面代码片段中的注释:

Javascript:

// Requires jQuery, include this script in both pages of website
$(function() {

  // When sign-up-but clicked, use localStorage to remember to hide
  // the missing-information div by using localStorage.setItem()
  $('#sign-up-but').click(function() {
    localStorage.setItem('missing-information', 'hide');  
  });  

  // When the page is loaded and this script is run, check if 
  // "missing-information" has "hide" in localStorage
  if(localStorage.getItem('missing-information') === 'hide') {

    // If "hide" is in local storage, then hide() any element with
    // id of missing-information that exists on the page
    $('#missing-information').hide();
  }

});

HTML:

<!-- Remove onclick handler -->
<button id='sign-up-but' class='submit' type="submit">Sign Up</button>

<div id="missing-information" class="card">
Missing information
</div>