자바스크립트에서 for문 사용시 속도차이
아래는 체크박스에 전체체크하는 스크립트인데
All_Chk() 와 All_Chk2()의 차이는 많이 납니다.
흔히들 for문 안에 length를 사용하시는데 갯수가 작을때는 차이를 모르지만 객수가 만개만되어도 세월아 내월아 입니다.
for문 안에서 length 사용시 루프 돌때마다 구하기 때문에 속도가 많이 걸립니다.
for문 전에 변수 정의해서 사용하셔야 함
예제)
<form method='post' name='frm'>
<input type='checkbox' name='Chk[]' value=''>
<input type='checkbox' name='Chk[]' value=''>
<input type='checkbox' name='Chk[]' value=''>
<input type='checkbox' name='Chk[]' value=''>
...
</form>
<script>
function All_Chk(){
var f = document.frm;
for(var i = 0; i < f['Chk[]'].length; i++) {
f['Chk[]'][i].checked = true;
}
}
function All_Chk2(){
var f = document.frm;
var len = f['Chk[]'].length;
for(var i = 0; i < len; i++) {
f['Chk[]'][i].checked = true;
}
}
</script>
게시글 목록
| 번호 | 제목 |
|---|---|
| 11483 | |
| 11481 |
jQuery
깔끔한 탭메뉴 드립니다.
1
|
| 11615 | |
| 11478 | |
| 11477 | |
| 11475 | |
| 11474 |
기타
3단 레이어 소스
|
| 11470 | |
| 11469 |
JavaScript
스크롤바 색깔 바꾸는 스크립트
|
| 11465 | |
| 11464 |
JavaScript
윈도우의 창띄위기 소스입니다.
|
| 11462 |
JavaScript
익스에서 깜박임 글자 구현법
1
|
| 11460 |
JavaScript
자바스크립트를 이용해서 모바일에 selet 박스 구현한것입니다
1
|
| 11458 |
JavaScript
새창띄우는 소스입니다.
1
|
| 11455 | |
| 11452 | |
| 11450 | |
| 11443 |
jQuery
제이쿼리를 이용한 펼침메뉴 1차입니다.
6
|
| 11438 | |
| 11435 |
PHP
메쏘드 static 선언
2
|
| 11433 |
JavaScript
마우스 오버시 이미지 바꾸기
1
|
| 11432 |
JavaScript
일정시간후 스크립트 실행
|
| 11430 |
정규표현식
구글 로봇 접근막기!
1
|
| 11428 |
PHP
시리얼번호생성기
1
|
| 20678 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기