Javascript 如何从另一个html文件中取消隐藏一个元素

我试图从另一个页面取消隐藏一个元素onclick

要分解它： 当您在问题页面上时，会有一个“编辑”按钮。 单击“编辑”按钮后，您将进入会员页面。 应显示该成员的成员信息。 问题是，#成员信息当前在加载时隐藏。 当我删除Chrome开发工具中的隐藏标记时，配置文件将正确加载

我不知道如何从另一个文件中取消隐藏它

$(document.body).on('click', '#editBtn', function () { 
    var mid = $("#memberID").val();
    window.location = "new-member.html?mid=" + mid;                  
    $('#memberInformation').removeClass('hidden');
});

#memberInformation ID属于new-member.html文件。#editBtn ID属于Issue.html文件

---

我被难住了

您不能以尝试的方式直接与另一个页面交互。您所能做的就是在某处存储一个标志（通过AJAX在URL/localStorage/sessionStorage/server端），然后将用户转移到另一个页面，检查您存储的标志是否存在，并在加载下一个页面时根据需要显示/隐藏另一个元素

如果我选择localStorage路线，那会是什么样子

您需要在issue.html页面上使用

setItem（）

，然后在new-member.html页面上使用

getItem（）

来切换

#memberInformation

元素。大概是这样的：

// in issue.html
$(document).on('click', '#editBtn', function () { 
  var mid = $("#memberID").val();
  localStorage.setItem('memberId', mid);
  window.location.assign('new-member.html?mid=' + mid);    
});

// in new-member.html, when the page loads
jQuery(function($) {
  if ((localStorage.getItem('memberId')) {
    $('#memberInformation').removeClass('hidden');
  }
});

是否仅当用户单击另一页中的编辑按钮时才显示#成员信息？ 或者，默认情况下，使其在页面加载时可见

您可以在new-member.html中检查referer页面（在加载时使用新函数），如果referer是Issue.html，请删除new-member.html中的（隐藏）类

if (document.referrer.indexOf('exapmle.com/Issue.html') >= 0) { 
$('#memberInformation').removeClass('hidden');
 }

您还可以通过URL参数将Issue.html上单击的按钮名称（编辑）传递给转发链接，以便签入new-member.html

这就是如何使用localStorage实现这一点

if (localStorage.getItem("memberId") !== "") { 
$('#memberInformation').removeClass('hidden');
 }

---

您不能以尝试的方式直接与另一个页面交互。您所能做的就是在某个地方存储一个标志（通过AJAX在URL/localStorage/sessionStorage/server端），然后将用户转移到另一个页面，检查您存储的标志是否存在，并在加载下一个页面时根据需要显示/隐藏另一个元素。谢谢您的评论。如果我选择localStorage路线，那会是什么样子？我在下面添加了一个答案，为您提供了两个方面的示例。