<style>和<script>标签在页面上实际显示

Question

我有一个非常奇怪的问题.如果我在页面上放置样式或脚本标记,浏览器会将它们视为html元素.换句话说,它们被显示,在物理上打印在页面上.当我启动项目时,底部代码显示在页面上的浏览器中.有什么建议？

Answer 1

在CSS代码中,您可能因为使用通用选择器而设置display: inline-blockon head,style和script元素*.默认情况下,这些元素不会显示(它们暗示了这些元素display: none),但在许多浏览器中,可以使用CSS更改这些元素.它通常没有用,但可能.

Answer 2

只需手动display: none为这些标记添加内联.这将使它工作.

就像,让你<script>这样:

<script type="text/javascript" style="display: none">
    //Some JS here
</script>

而<style>作为

<style type="text/css" style="display: none">
    /* Some CSS */
</style>

几乎可以在每个浏览器(包括IE8)上运行,这不是最好的方式,因为如果它们被显示,它意味着你的CSS有一些漏洞.