来自不同页面时如何显示/隐藏单个元素？

Question

我有2个页面，分别为“ A”和“ B”，两个页面都有一个链接，将打开同一页面“ X”。 但是页面“ X”将根据其从哪个页面显示/隐藏一些组件。

在页面“ X”上，我想显示/隐藏名为“ X”的页面上的按钮。

如果我来自“页面A”>，则它们应该可见。

如果我来自“页面B”>，则它们应该不可见。

==========================================

我正在采取的方法是通过在页面A和B上的URL中传递变量/值。

HTML代码页A：-

<a data-fancybox-type="iframe" class="various marginLeft10 button" href="/Provision/Summary/MC-IT0401-ATUTEJA?abc">View Summary</a>

HTML代码页B：-

<a class="marginLeft50 button" href="/Provision/Summary/MC-IT0401-ATUTEJA?xyz">Confirm & Proceed</a>

X页代码=

<div class="marginTop50 marginBottom valignBottom" role="button" id="summaryButtons">
    <input type="button" class="active" value="Back" id="stepSummaryBack">
    <input type="button" class="bigButton marginLeft50" value="Ready for Diagnostic" id="stepSummaryConfirm">
</div>

该特定Div应按照“ A”或“ B”页面的导航显示/隐藏。

我现在不确定如何使用jquery传递“ href”以及如何确认URL和变量（ ？abc和？xyz ）。

请提出建议。

并且让我知道是否有不清楚的地方或需要更多详细信息。

Answer 1

因此，在onload事件中，您可以这样做。

 var URL = window.document.URL.toString();
           var vars = URL.split("?");
       then your variable should be vars[1];

Answer 2

我建议在渲染Page X时处理显示/隐藏决策，而不是在已加载的javascript中处理。 您无需在网址中使用查询参数（ ?abc和?xyz ）。 从控制器中的Page X请求访问HTTP_REFERER以查看该请求是来自/page_a还是/page_b ，然后在渲染Page X时使用该信息来确定是否包括按钮。