jquery-syntax-3.1.1.zip を解凍し、public を独自のディレクトリに配置し、次の 3 つの js を Web ページに導入します (ダウンロード アドレスは http://download.csdn.net/detail/liumengcheng/7344667)。 🎜> コードをコピーします コードは次のとおりです: </ script> <br><br> </div>html 部分: <br><br><div class="codetitle"> <span><a style="CURSOR: pointer" data="22042" class="copybut" id="copybut22042" onclick="doCopy('code22042')"> コードをコピー <u></u></a> コードは次のとおりです。 🎜></span> </div><div id="div_configXML" style="float:right;width:600px;"> <div class="codebody" id="code22042"></div> <br><br> <br>js 部分: </div> <br> <br><div class="codetitle"> <span>コードをコピー<a style="CURSOR: pointer" data="15" class="copybut" id="copybut15" onclick="doCopy('code15')"><u></u> コードは次のとおりです:</a></span> </div>//設定ファイルのデフォルトのタイプは次のとおりです。 xml <div class="codebody" id="code15">var fileType="xml" ; <br>//ツリー内のファイルが選択されている場合 <br>$('#tree1').tree({ <br>onClick: function(node){ <br>if (node.children== null || node.children==unknown){ <br>var url="../hub/config/configRead?" 'ip=' ip '&port=' port "&file=ノード.id; <br>var str=node.id; <br>fileType = str.substring(str.lastIndexOf(".") 1,str.length); 🎜>$.get(url, {},function(data,textStatus){ <br>//構文の色付けは複数回必要であり、選択されるファイルは毎回異なるため、<br><br>//したがって、元の pre 要素は毎回削除して pre を追加する必要があり、構文はファイル名の接尾辞に基づいて動的に取得する必要があります。 <br><br>//注: pre 要素はレンダリングのたびに消えるため、pre を直接配置しないでください。そのため、pre をクリーンアップするたびに、div を使用して pre を配置します。$("#div_configXML *").remove(); <br>var $pre=$("<pre id='configXML' class='syntax " fileType "'> </pre>"); <br>$("#div_configXML").append($pre); <br>$("#configXML").text(data); <br>$.syntax(); <br>) ; <br>} <br>} <br><br>}); <br><br> <br>レンダリングは次のとおりです: <br><br>xml ファイルを表示します<br><br> </div> Java ファイルを表示 <br><br>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
