Javascript预打印外部java文件

我对网络开发非常陌生，在这里我有点迷路了

我使用的是Bootstrap，我试图在网页上显示本地机器上的java代码（在一个名为test.java的文件中）。将显示该文件，但它没有语法颜色。请帮忙

我在标题中有：

为了美化：

<link rel="stylesheet" type="text/css" href="../localfile/prettify.css"/>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script src="../localfile/prettify.js"></script>

对于jQuery：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

这是剧本

<script type="text/javascript">
 $(document).ready(function() {
     jQuery(function($) {
         $.get('test.java', function(data) {
             $('#sourceCodeDestination').html(data);
             prettyPrint();
         }, "text");
     });
 });
</script>

$（文档）.ready（函数（）{
jQuery（函数（$）{
$.get（'test.java'，函数（数据）{
$（'#sourceCodeDestination'）.html（数据）；
预打印（）；
}“文本”）；
});
});

这是给部门的：

<div class="panel-body" >
       <pre id="sourceCodeDestination" class="prettyprint linenums lang-java">
        </pre>
</div>

---

在阅读了这个问题的答案后，我终于找到了问题所在

所以，我把脚本改成这个，效果很好。在调用prettyPrint之前，我刚刚删除了prettyPrint类

    <script type="text/javascript">

      jQuery(function ($) {  $.get('test.java', function(data) {
      $('#sourceCodeDestination').html(data);
      $('#sourceCodeDestination').removeClass("prettyprinted");
        prettyPrint();  
    }, "text");
 });

</script>

jQuery（函数（$）{$.get（'test.java'，函数（数据）{
$（'#sourceCodeDestination'）.html（数据）；
$（'#sourceCodeDestination'）.removeClass（“预打印”）；
预打印（）；
}“文本”）；
});

$。get

无法在本地文件系统上工作，您需要一个web服务器设置。我四处查看，发现它可以在Firefox上工作。它确实显示了文件内容，但问题是它没有语法颜色。不是答案，而是

$（文档）。ready（function（）

和

jQuery（function（$）{

的意思基本相同，谢谢提醒。