jquery-syntax-3.1.1.zip의 압축을 풀고 public을 자체 디렉터리에 넣은 다음 웹 페이지에 다음 3개의 js를 소개합니다(다운로드 주소는 http://download.csdn.net/detail/liumengcheng/7344667) 코드 복사 코드는 다음과 같습니다. </ script> <br> </div> <br>html 부분: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="22042" class="copybut" id="copybut22042" onclick="doCopy('code22042')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다. 🎜></div> <div class="codebody" id="code22042"><div id="div_configXML" style="float:right;width:600px;"> <br></div> <br><br> </div>js 부분: <br><br> <div class="codetitle"><span><a style="CURSOR: pointer" data="15" class="copybut" id="copybut15" onclick="doCopy('code15')">코드 복사<u></u></a> 코드는 다음과 같습니다.</span></div> <div class="codebody" id="code15">//기본 구성 파일 유형은 다음과 같습니다. xml <br>var fileType="xml" ; <br>//트리의 파일을 선택한 경우 <br>$('#tree1').tree({ <br>onClick: function(node){ <br>if (node.children== null || node.children==정의되지 않음){ <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>//구문 색상 지정이 여러 번 필요하고 매번 선택되는 파일이 다르기 때문에 <br><br>//그래서 원래 pre 요소는 매번 삭제하고 pre를 추가해야 하며 파일 이름의 접미사를 기반으로 구문을 동적으로 가져와야 합니다. <br><br>//참고: pre를 직접 배치하지 마십시오. 각 렌더링 후에 pre 요소가 사라지므로 div를 사용하여 pre를 정리할 때마다 div 아래의 모든 요소를 삭제하면 됩니다. <br>$("#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>다음은 렌더링입니다. </div> <br>xml 파일 표시<br><br> <br> 자바 파일 표시 <img src="http://files.jb51.net/file_images/article/201405/201405141731137.gif?2014414173125" alt="jquery-syntax 동적 구문 색상 지정 샘플 code_jquery" ><br>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
