> 웹 프론트엔드 > JS 튜토리얼 > 스크립트의 유형 속성을 text/html_javascript 트릭과 동일하게 만들어 보십시오.

스크립트의 유형 속성을 text/html_javascript 트릭과 동일하게 만들어 보십시오.

WBOY
풀어 주다: 2016-05-16 17:43:26
원래의
1174명이 탐색했습니다.

<script> 프래그먼트에 JS가 호출한 코드를 정의할 수 있지만 이 경우에는 다음 방법을 사용할 수 있습니다. <br></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="89495" class="copybut" id="copybut89495" onclick="doCopy('code89495')"><u> 코드를 복사하세요 </u></a></span> 코드는 다음과 같습니다: </div> <div class="codebody" id="code89495"> <br><script id="commentTemplate" type="text/html"> ;li> <br> <div class="photo"> <br><a href="#"> <br><img src="[UserImg]" /></a> </div> <br><p> <br><a href="#"><div class="clear"> <br></li> <br><br> <br><br> <br><div class="codetitle">코드 복사<span><a style="CURSOR: pointer" data="81209" class="copybut" id="copybut81209" onclick="doCopy('code81209')"><u> 코드는 다음과 같습니다.</u></a> </span><div id="comment_ul_2"&gt ; </div></div> <div class="codebody" id="code81209"><input type="button" id="addFun" value="click me" /> <BR><script type="text/javascript"> 🎜>var reg = new RegExp(" \[([^\[\]]*?)\]", 'igm'); //i g m은 각각 대소문자 구분 일치, 전역 일치 및 여러 줄 일치 지정을 나타냅니다. . <br>$("#addFun").click(function () { <br>var html = document.getElementById("commentTemplate").innerHTML; <br>var source = html.replace(reg, 함수(노드, key) { return { 'UserImg': '1', 'UserName': 'zhang', 'CreateDate': '2011-1-1'}[key] }) <br>$("#comment_ul_2") .append(소스); <br>}); <br>var zzl = "이름:[이름]"; <br>zzl = zzl.replace(reg, function (노드, 키) { return { '이름': 'Zhanzhan'}[key]; }); <br>alert(zzl); <br></script>


알겠습니다. commentTemplate의 내용을 comment_ul_2에 추가합니다. 매우 흥미롭습니다. 하하!

그리고 매우 흥미로운 대체 기능도 있습니다. 대체할 때 json 문자열을 허용한 다음 json 키에 따라 js 모듈의 키를 비교하여 값을 할당할 수 있습니다!

정말 흥미롭습니다!

관련 라벨:
원천:php.cn
이전 기사:form_javascript 기술을 생성하기 위해 JS를 사용하여 매개변수를 제출할 때 FireFox에서 발생하는 문제 다음 기사:Javascript 모듈러 프로그래밍(1) 모듈 작성 모범 사례_기본 지식
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
관련 주제
더>
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿