css - 通过 CSS 内容属性插入脚本

Question

是否可以使用 CSS 的 content 属性插入脚本标签？

下面的示例插入纯文本而不是 html 标记

#someDiv:before {
    content:"<script>$(function(){ console.log('test');});</script>";
}

Answer 1

使用该属性插入的内容content将永远是纯文本。这是为了防止递归。它还有助于防止人们做一些疯狂的事情，比如script用 CSS 插入元素。