JavaSprict 기초 3
< h1 > onload 사건 에 대한 인식 < / h1 >
- 1. 탭 가 져 오기
- 페이지 로 딩 이 끝 난 후에 야 탭 을 가 져 올 수 있 습 니 다. 그래 야 탭 을 가 져 올 수 있 습 니 다
- 페이지 로드 완료 시 window. onload 를 통 해
< h1 > 배타 사상 < / h1 >
- 선택 한 목 표를 변경 하고 선택 하지 않 은 목 표를 원상 태 로 회복 합 니 다.
- 중심 사상: 먼저 모든 사람 을 제거 한 다음 에 나 자신 을 남긴다.
- window. onload = function () (곶 한번 쓰기
< button > 첫 번 째 < / button >
< button > 두 번 째 < / button >
< button > 세 번 째 < / button >
< button > 네 번 째 < / button >
< button > 다섯 번 째 < / button >
window.onload = function () {
/ / 1. 태그 가 져 오기
var btns = document.getElementById('box').getElementsByTagName('button');
/ / 2. 각 단 추 를 누 르 면 색상 전환
/ / 2.1 스 트 리밍 단추
for(var i = 0 ;i < btns.length;i ++){
btns[i].onclick = function () {
/ / 2.2 단 추 를 눌 렀 을 때, 우 리 는 나머지 단 추 를 원래 의 색 으로 하고, 우리 가 누 른 단 추 는 원 하 는 색 으로 해 야 한다.
/ / 2.21. 모든 단추 의 색 을 원래 의 색 으로 만 들 려 면 모든 단 추 를 가 져 와 야 하기 때문에 버튼 을 옮 겨 다 녀 야 합 니 다.
for(var j = 0; j < btns.length;j ++){
btns[j].className = '';
}
/ / 2.22 버튼 을 누 르 면 원 하 는 색 을 설정 합 니 다.
/ / btns [i]: 클릭 버튼 표시
/ / this: 보통 이벤트 명령 에 놓 여 있 습 니 다. 누가 촉발 되 었 는 지, 바로 우리 이벤트 소스 입 니 다. 여 기 는 어떤 단 추 를 눌 렀 는 지 표시 합 니 다.
this.className = 'curr';
}
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.