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

时间：2022-11-03 08:35:02

 

<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>

 

标签：

相关文章