Javascript 如何仅在特定查询字符串上显示div元素？

我只想在用户在查询字符串的末尾有一个类似于

？mode=showdiv

的查询字符串时显示这个特定的div元素。否则，不显示此分区

最好的方法是什么

这是我的部门：

<div>
     <p class ="Call-Customer-Support">Call customer support at 555-555-5555.   </p>
     <div class="Rectangle">
     <img class="call icon-image" src="images/call.png" />
     <a class="Call-Support" href="tel:555-555-5555">Call Support</a>
     </div>
</div>

致电555-555-5555与客户支持联系

---

我正在使用ASP.NET web表单

您可以使用if块中的

请求.QueryString

进行检查：

<% if (Request.QueryString["mode"]!=null && Request.QueryString["mode"] == "showdiv") {%>

<div>
     <p class ="Call-Customer-Support">Call customer support at 555-555-5555.   </p>
     <div class="Rectangle">
     <img class="call icon-image" src="images/call.png" />
     <a class="Call-Support" href="tel:555-555-5555">Call Support</a>
     </div>
</div>

<%}%>

致电555-555-5555与客户支持联系

您可以使用if块中的

请求.QueryString

进行检查：

<% if (Request.QueryString["mode"]!=null && Request.QueryString["mode"] == "showdiv") {%>

<div>
     <p class ="Call-Customer-Support">Call customer support at 555-555-5555.   </p>
     <div class="Rectangle">
     <img class="call icon-image" src="images/call.png" />
     <a class="Call-Support" href="tel:555-555-5555">Call Support</a>
     </div>
</div>

<%}%>

致电555-555-5555与客户支持联系

首先，您需要为需要隐藏/显示的div设置一个

ID

，如下所示：

<div id="div1">
     <p class ="Call-Customer-Support">Call customer support at 555-555-5555.   </p>
     <div class="Rectangle">
     <img class="call icon-image" src="images/call.png" />
     <a class="Call-Support" href="tel:555-555-5555">Call Support</a>
     </div>
</div>

---

首先，您需要为需要隐藏/显示的div设置

ID

，如下所示：

<div id="div1">
     <p class ="Call-Customer-Support">Call customer support at 555-555-5555.   </p>
     <div class="Rectangle">
     <img class="call icon-image" src="images/call.png" />
     <a class="Call-Support" href="tel:555-555-5555">Call Support</a>
     </div>
</div>

致电555-555-5555与客户支持联系
如果（=“showdiv”）{
var item=getElementById（'mainDiv'）；
item.style.display='none'；
}否则{
item.style.display='block'；
}

致电555-555-5555与客户支持联系
如果（=“showdiv”）{
var item=getElementById（'mainDiv'）；
item.style.display='none'；
}否则{
item.style.display='block'；
}

它不是服务器端控件他/她可以将

runat=“server”

属性添加到div标记。它不是服务器端控件他/她可以将

runat=“server”

属性添加到div标记。最佳解决方案，谢谢！我会在几分钟内接受！：）最好的解决方案，谢谢！我会在几分钟内接受！：）