CSS--特殊用法-CFANZ编程社区

显示出script标签的内容

默认情况下，HTML不会显示出script标签内的内容，想要显示，可以将其display设为block。

示例（默认情况）：

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>this is title</title>
</head>

<body>
<script src="./lib/jquery.js"></script>

<script id="myscript">
    $(document).ready(function(){
        $("span").parents().css({"color":"red","border":"2px solid red"});
    });
</script>

</body>
</html>

结果（没显示）

CSS--特殊用法_css

示例（设置为block）：

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>this is title</title>
    <style>
        #myscript{
            display: block;
        }
    </style>
</head>

<body>
<script src="./lib/jquery.js"></script>

<script id="myscript">
    $(document).ready(function(){
        $("span").parents().css({"color":"red","border":"2px solid red"});
    });
</script>

</body>
</html>

结果（显示出来了）

CSS--特殊用法_css_02