使用 highlight.js 在网页中高亮显示java 代码 【原】

<html>
<head>
<meta charset="UTF-8">
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/highlight.js/9.12.0/highlight.min.js"></script>
    <link href="https://cdn.bootcss.com/highlight.js/9.12.0/styles/github.min.css" rel="stylesheet">
    <script>
    
    hljs.initHighlightingOnLoad();  <!-- 初始化高亮插件,但只能初始化一开始存在的元素  -->
    
    <!--  当数据变化后,动态高亮指定元素 -->
    function myHighlighting(targetId){
        $("#"+targetId).load("http://www.xxx.com/javaCode.java",{},function(response){//response即为www.xxx.com返回的java代码
            var code = hljs.highlightAuto(response).value;
            $("#"+targetId).html(code);
        });
    }
    </script> 
<title>高亮java代码</title>
</head>
<body>
    <!-- 这个class要指定java -->
    <pre><code class="java" id="PersonCode" onclick="myHighlighting('PersonCode')"></code></pre>
</body>
</html>
原文地址:https://www.cnblogs.com/whatlonelytear/p/7918486.html