隐藏 DIV 的内容答案

【问题标题】：Hiding the contents of DIV隐藏 DIV 的内容
【发布时间】：2010-10-15 20:57:22
【问题描述】：

我有一个带有如下所示脚本的 DIV

<div style="text-align:center">
                <script type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/t/a?url=www.mysite.com'></script>
</div>

我想要的是用户不应该能够在网站上看到这个 div，但脚本应该以正常方式执行。请推荐！

【问题讨论】：

标签： javascript css

【解决方案1】：

我不确定您在该 Javascript 调用中包含了什么，但如果您想隐藏此 DIV 的内容，只需将其添加到样式声明中：display: none;

查看 CSS display 文档。

编辑：DIV标签内的SCRIPT仍然会被加载，我相信这是想要的效果。

【讨论】：

但是如果我设置 display:none 会执行脚本吗？在 javascript 调用内部是一个由 alexa.com 提供的脚本，用于显示网站排名。 Alexa 监控网站流量，因此我希望脚本应该被执行，但排名不应该是可见的。谢谢
@KJai：是的，JS 肯定会加载。

【解决方案2】：

只需将您的风格更改为

<div style="text-align:center; display: none;">
                <script type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/t/a?url=www.mysite.com'></script>
</div>

【讨论】：

【解决方案3】：

当你想让一个元素对用户隐藏时，将 css 设置为“display: none;”

【讨论】：

【解决方案4】：

您必须使用以下代码设置 div 的样式：

<div style="text-align:center; display: none; visibility: hidden;">
  <!-- other code -->
</div>

这就是 Mozilla 团队的工作方式，如果我没记错的话。

【讨论】：

【解决方案5】：

如果 JavaScript 生成的 html 代码您不想被看到，您可以编写一些特定的样式来隐藏这些自动生成的元素，而不会隐藏您的外部 div。例如，如果 JavaScript 生成一个 div 并用内容填充它，那么你可以这样做：

HTML：

div id="hideinside">
                <script type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/t/a?url=www.mysite.com'></script>
</div>

CSS：

#hideinside div {
    display:none; /* hides all divs inside your outer div */
}

【讨论】：

【解决方案6】：

给你的 div 起一个有意义的名字。

<div class="hidden">
</div>

在CSS中添加

.hidden {
    display: none;
}

【讨论】：

【解决方案7】：

div.hidden {
   position: absolute;
   left: 10000px;
}

【讨论】：