隐藏代码

Published by Edits

通过设置隐藏参数，隐藏些不想显示的效果。

段落文字隐藏

<p hidden="hidden">这是一段隐藏的段落。</p>
<p>这是一段可见的段落。</p>

搜索框隐藏：

<input type="hidden" name="#" value="#">

条件隐藏

<div id="AD"> 要隐藏代码区域 </div>
<script type="text/javascript">
    if(document.body.scrollWidth < 1024){
      document.getElementById('AD').style.display = 'none';
    }
</script>

侵删以下转自：https://www.cnblogs.com/kandyvip/

<div style="display:">显示</div>
<div style="display:none;">隐藏不占位</div>
<div style="visibility:">显示</div>
<div style="visibility:hidden;">隐藏占位</div>
<div visible="true" runat="server">显示</div>
<div visible="false" runat="server">消失不占位</div>

参数简介

1）display
隐藏必须使用none值，该隐藏不占位，页面源代码可见。
显示可使用空或block或inline，意思分别为：无此属性、显示视为DIV（有换行符）、显示视为span（无换行符）。
2）visibility
隐藏必须使用hidden值，该隐藏占位，页面源代码可见。
显示可使用空或visible，意思分别为：无此属性、显示。
3）visible（服务器控件）
隐藏必须使用false值与runat="server"，该隐藏不占位，页面源代码不可见。
显示可使用空或true，意思分别为：无此属性、可见。