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

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

May 16, 2016 pm 05:43 PM
script type

<script> 프래그먼트에 JS가 호출한 코드를 정의할 수 있지만 이 경우에는 다음 방법을 사용할 수 있습니다.

코드를 복사하세요 코드는 다음과 같습니다:

<script id="commentTemplate" type="text/html"> ;li>
<div class="photo">
<a href="#">
<img src="[UserImg]" /></a>


<div class="clear">
</li>




</div>
<input type="button" id="addFun" value="click me" />
<script type="text/javascript"> 🎜>var reg = new RegExp(" \[([^\[\]]*?)\]", 'igm'); //i g m은 각각 대소문자 구분 일치, 전역 일치 및 여러 줄 일치 지정을 나타냅니다. .
$("#addFun").click(function () {
var html = document.getElementById("commentTemplate").innerHTML;
var source = html.replace(reg, 함수(노드, key) { return { 'UserImg': '1', 'UserName': 'zhang', 'CreateDate': '2011-1-1'}[key] })
$("#comment_ul_2") .append(소스);
});
var zzl = "이름:[이름]";
zzl = zzl.replace(reg, function (노드, 키) { return { '이름': 'Zhanzhan'}[key]; });
alert(zzl);
</script>


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

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

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Go에서 Type 키워드의 용도는 무엇입니까? Go에서 Type 키워드의 용도는 무엇입니까? Sep 06, 2023 am 09:58 AM

Go에서 Type 키워드의 용도는 무엇입니까?

Ubuntu 장착 모바일 하드 디스크 오류 해결: 알 수 없는 파일 시스템 유형 exfat Ubuntu 장착 모바일 하드 디스크 오류 해결: 알 수 없는 파일 시스템 유형 exfat Jan 05, 2024 pm 01:18 PM

Ubuntu 장착 모바일 하드 디스크 오류 해결: 알 수 없는 파일 시스템 유형 exfat

스크립트는 무엇을 의미합니까? 스크립트는 무엇을 의미합니까? Aug 29, 2023 pm 02:00 PM

스크립트는 무엇을 의미합니까?

스크립트가 뭐야? 스크립트가 뭐야? Oct 12, 2023 am 10:04 AM

스크립트가 뭐야?

스크립트 오류를 ​​해결하는 방법 스크립트 오류를 ​​해결하는 방법 Oct 18, 2023 am 09:44 AM

스크립트 오류를 ​​해결하는 방법

Linux 유형 명령 Linux 유형 명령 Mar 20, 2024 pm 05:06 PM

Linux 유형 명령

DeepSeek 계정을 등록 할 때 어떤 정보가 필요합니까? DeepSeek 계정을 등록 할 때 어떤 정보가 필요합니까? Mar 12, 2025 pm 02:33 PM

DeepSeek 계정을 등록 할 때 어떤 정보가 필요합니까?

스크립트는 CSS 태그인가요? 스크립트는 CSS 태그인가요? Mar 01, 2021 am 10:23 AM

스크립트는 CSS 태그인가요?

See all articles