Javascript 条件加载JS-如果在内容中预先标记

我有CMS，它使用代码修饰来突出显示语法

只有10%的页面具有代码并使用预标记

<pre class="prettyprint"> 

用于语法突出显示

但是prettify.js会加载到所有页面上，并增加加载时间

---

是否可以基于代码中的pre标记有条件地加载prettify.js？

此代码将完成此工作。检查前置元素是否在范围内。如果是，则将脚本添加到头部

 $(document).ready(function () {
            if($('pre').length){
                $('head').append('<script src="pretify.js></script>');
            });
        });

$（文档）.ready（函数（）{
如果（$（'pre'）。长度）{
$（'head'）。追加（''）；
});
});

如果您将它添加到所有

标记下面，并将

通配符替换为真实地址，这将起到作用

<script type="text/javascript">
    if (document.querySelectorAll("pre.prettyprint").length > 0) {
        var script = document.createElement("script");

        script.src = "<path>/prettify.js";

        document.head.appendChild(script);
    }
</script>

if（document.queryselectoral（“pre.prettyprint”）.length>0）{
var script=document.createElement（“脚本”）；
script.src=“/prettify.js”；
document.head.appendChild（脚本）；
}

是的，很简单。检查是否有类prettyprint，通过追加script标记手动加载脚本初始化prettyprint。

<script type="text/javascript">
    if (document.querySelectorAll("pre.prettyprint").length > 0) {
        var script = document.createElement("script");

        script.src = "<path>/prettify.js";

        document.head.appendChild(script);
    }
</script>