Décompressez jquery-syntax-3.1.1.zip, mettez public dans notre propre répertoire et introduisez les 3 js suivants dans la page Web (l'adresse de téléchargement est http://download.csdn.net/detail/liumengcheng/7344667) Copier le code Le code est le suivant : </ script> <br> </div> <br>partie html : <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="22042" class="copybut" id="copybut22042" onclick="doCopy('code22042')"><u>Copier le code </u></a></span> Le code est le suivant : </div> <div class="codebody" id="code22042"> <br><div id="div_configXML" style="float:right;width:600px;"> <br></div> <br> </div> <br>partie js : <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="15" class="copybut" id="copybut15" onclick="doCopy('code15')"><u>Copier le code</u></a></span> Le code est le suivant :</div> <div class="codebody" id="code15"> <br>//Le type de fichier de configuration par défaut est xml <br>var fileType="xml" ; <br>//Lorsqu'un fichier dans l'arborescence est sélectionné <br>$('#tree1').tree({ <br>onClick: function(node){ <br>if (node.children== null || node.children==undefined){ <br>var url="../hub/config/configRead?" 'ip=' ip '&port=' port "&file=" node.id; <br>var str=node.id; <br>fileType = str.substring(str.lastIndexOf(".") 1,str.length; <br>fileType=fileType.toLowerCase(); 🎜>$.get(url, {},function(data,textStatus){ <br>//Parce que la coloration syntaxique est requise plusieurs fois et que les fichiers sélectionnés sont différents à chaque fois, <br><br>//Donc le L'élément pre d'origine doit être supprimé à chaque fois, et ajouté pre, et la syntaxe doit être obtenue dynamiquement en fonction du suffixe du nom de fichier. <br><br>//Remarque : Ne positionnez pas pre directement, car l'élément pre disparaîtra après chaque rendu, j'utilise donc un div pour placer pre. Chaque fois que je nettoie pre, supprimez simplement tous les éléments sous le div. 🎜 >$("#div_configXML *").remove(); <br>var $pre=$("<pre id='configXML' class='syntax " fileType "'> </pre>") ; <br>$("#div_configXML").append($pre); <br>$("#configXML").text(data); ) ; <br>} <br>} <br><br>}); <br><br> <br>Voici le rendu : <br><br>Afficher le fichier XML<br> </div> <br> Afficher les fichiers Java <br><br>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
