Question

我有一个带有脚本的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，但脚本应该按照正常方式执行。请提出建议！

Answer 1

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

查看CSS display文档。

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

Answer 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>

Answer 3

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

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

在CSS中添加

.hidden {
    display: none;
}

Answer 4

当您想要向用户隐藏元素时，请将css设置为“display：none;”

Answer 5

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

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

如果我记得很清楚，这就是mozilla团队的工作方式。

Answer 6

如果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 */
}

Answer 7

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

隐藏DIV的内容

7 个答案: