jquery로 HTML 코드를 출력하는 방법-JS 튜토리얼-php.cn

jquery로 HTML 코드를 출력하는 방법

coldplay.xixi

풀어 주다： 2020-11-17 15:07:29

원래의

3211명이 탐색했습니다.

jquery가 html 코드를 출력하는 방법: 1. 레이블 요소를 직접 출력합니다. 코드는 [var form1 = "
"]입니다. 2. 변수가 있는 레이블 요소를 출력합니다. 코드는 [var country =....]입니다.

jquery로 HTML 코드를 출력하는 방법

jquery가 html 코드를 출력하는 방법:

양식 1: 레이블 요소 직접 출력

1. 이스케이프 기호를 사용하세요

var form1 = "<form id=\"myform\" method=\"post\" >"
+"<input type=\"text\" name=\"uname\"  style=\"height:20px;width:100%;\" />"
+"<input type=\"password\" name=\"pwd\" style=\"height:20px;width:100%;\" />"
+"</form>";

로그인 후 복사

2. es6을 사용하세요. 템플릿 문자 (그런데 저는 이 템플릿 문자열을 호출하고 싶습니다...)

는 앞뒤에 (`)를 추가하고, 중간에 출력하고 싶은 내용을 쓰고, 그 라벨을 출력할 라벨을 쓰고, n을 쓴다는 뜻입니다 줄 바꿈 변수를 작성할 때 변수가 나타내는 값은 출력되지 않지만 변수 이름은 출력됩니다. 예를 들어 국가 변수의 값이 "중국"인 경우 중국의 값이 출력되지 않고 국가 변수의 이름이 출력되도록 하려면 Form 2를 참조하세요.

var form2  = &#39;<form id="myform" method="post" >&#39;
+&#39;<input type="text" name="uname"  style="height:20px;width:100%;" />&#39;
+&#39;<input type="password" name="pwd" style="height:20px;width:100%;" />&#39;
+&#39;</form>&#39;;

로그인 후 복사

Form 2: 변수가 있는 출력 태그 요소

1. 이스케이프 기호를 사용하세요

 var form3 = `<form id="myform" method="post">
    <input type="text" name="uname" style="height:20px;width:100%;" />
    <input type="password" name="pwd" style="height:20px;width:100%;" />
  </form>`

로그인 후 복사

2. 작은 따옴표를 사용하세요

var country = "中国";
var table = "<table border=\"1\" style=\"width:100%;\">";
table += "<caption>国家信息列表</caption>";
table += "<thead><tr><th>ID</th><th>Name</th></tr></thead>";
table += "<tbody><tr><td>1</td><td>"+country+"</td></tr></tbody>";
table += "</table>";

로그인 후 복사

3. es6에서는 템플릿 문자의 양을 사용하세요(그러나 저는 템플릿 문자열을 사용하는 것을 좋아합니다). . . )

위에서 언급한 country="China" 와 같은 변수의 값을 출력하면 어떻게 중국의 값을 출력할 수 있을까요?

실제로

를 표현하기 위해 자리 표시자를 사용할 수 있습니다. 괄호 가운데에는 출력하려는 변수의 이름을 적습니다.

var country = "中国";
var table = &#39;<table border="1" style="width:100%;">&#39;;
table += &#39;<caption>国家信息列表</caption>&#39;;
table += &#39;<thead><tr><th>ID</th><th>Name</th></tr></thead>&#39;;
table += &#39;<tbody><tr><td>1</td><td>"&#39;+country+&#39;"</td></tr></tbody>&#39;;
table += &#39;</table>&#39;;

로그인 후 복사

${ }관련 무료 학습 권장 사항: