Designer · Publisher
[제이쿼리] for반복문(for(){}, new Array('')) 본문
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>for반복문</title>
<script>
//var movTitle = 배열추가해서 각자 영화 제목을 입력
var movTitle = new Array('조이','널기다리며','귀향','주토피아','갓오브이집트','스포트라이트','런던해즈폴론','동주')
</script>
</head>
<body>
<ul class="mov_list">
<script>
/*
for(i=1; i<=8; i++){
document.write('<li><img src="img/mov'+i+'.jpg" alt=""><strong>영화제목</strong><span>영화장르</span><p>영화에 대한 내용</p></li>')
}
*/
for(i=1; i<=8; i++){
/* 방법 01. document.write('') 이용해서 화면 출력
document.write('<li>')
document.write(' <img src="img/mov'+i+'.jpg" alt="">')
document.write(' <strong>영화제목</strong>')
document.write(' <span>영화장르</span>')
document.write(' <p>영화에 대한 내용</p>')
document.write('</li>')
*/
/* 방법02. 변수 이용해서 선언 */
var mov_li = ''
mov_li += '<li>'
mov_li += ' <img src="img/mov'+i+'.jpg" alt="">'
mov_li += ' <strong>영화제목</strong>'
mov_li += ' <span>영화장르</span>'
mov_li += ' <p>영화에 대한 내용</p>'
mov_li += '</li>'
document.write(mov_li)
}
</script>
</ul>
</body>
</html>
'M' 카테고리의 다른 글
| [제이쿼리] slider carousel (0) | 2017.07.01 |
|---|---|
| [제이쿼리] 클릭하면 이미지 변경 (0) | 2017.06.24 |
| [제이쿼리] 부등호연산자, if조건문 (0) | 2017.06.24 |
| [자바스크립트&제이쿼리] 매개변수_body좌표값 추출, TOOLTIP (0) | 2017.06.10 |
| [HTML] form 구성 방법 (0) | 2017.06.05 |