--- 찾고 요소
ID로는 HTML 요소 발견
; var에 NV = document.getElementById를 ( "ID 이름") .innerHTML = "내용을 변경"
태그 이름으로 HTML 요소 발견
document.getElementByTagName ( "태그 이름") // 같은 요소를 처음
---하는 CSS DOM 객체 변경하여
구문 : document.getElementById를을 .style.property = 새로운 새로운 스타일을합니다 (위의 ID를 언급)
. document.getElementById를 ( "DIV") style.background = "레드";
--- 이벤트 핸들러의 EventListener
document.getElementById를 (위에서 언급 한 ID) .addEventListener (이하 "클릭", 헬로 기능);
--- 문자열 객체의
조회 문자열 문자열 : 같이 IndexOf ()
내용 일치 : 일치 ()
내용을 바꿉니다) (교체
를 toUpperCase () /와 toLowerCase () : 경우 변경
문자열 스위치 어레이 : var에 STR =를 "안녕하세요 HAH 추천 "- 또한 콤마에 의해 분리 될 수있다
(") VAR의 S = str.split "
--- 날짜 개체
현재 날짜
VAR 데이터 = 새로운 날짜 ();
가져 년도
하여 getFullYear ();
다음 getTime (); 가져 밀리 초
getDay (); 주 취득
하여 setFullYear ();는 특정 날짜를 설정
취득 분
함수를 startTime을 () {
VAR = 새로운 새로운 오늘 날짜 ();
VAR today.getHours H = ();
var에 today.getMinutes의 분 = ();
var에 today.getSeconds의 S의 = ();
m = checktime (m);
checktime =에서 S (S)
;. document.getElementById를 ( "timetext")를 innerHTML을 = S + H + 분
자체가 호출하는
리프레시
T는 =의 setTimeout (함수 () {
STARTIME ();
} 1000)
}
의 길이의 변화를 방지
플러스 분석
기능 checktime (I)를 {
(I 10 <) {IF
I = "0"+ I]
}
리턴 I;
}
------ 배열 사물
값 저장하는 변수 이름 1. 개별 시리즈
생성 된 배열 2.
VAR에 myArray = "안녕하세요"예로
액세스 어레이 (3) :
배열 이름과 인덱스 번호를 지정하여, 특정 요소에 액세스 할 수 있습니다.
참고 : [0] 어레이의 첫 번째 요소이다. [1] 어레이의 두 번째 요소 인
제 일반적으로 사용되는 방법의 배열 :
CONCAT 연은 () 배열을 병합
정렬, 정렬 ()
) (푸시 투 어레이를 추가
후진 (); 반전 배열 요소
----- 수학 개체
1.Math 개체 :
산술 일반적인 작업을 수행한다
: 2. 방법 사용
둥근 둥근 ()
0-1 사이의 임의의 수를 반환한다) 랜덤 (
) 최대 (상기 최대치 복귀
분 () 상기 최저치 복귀
ABS ()를 상기 절대 값 리턴
Math.max (10,20,1)를;
---- DOM HTML 개체 제어
방법
getElementsByName은 (); 이름을 가져옵니다
요소를 가져옵니다; getElementsByTagName ()을
--- 요소 속성을 가져옵니다;의 getAttribute ()
", 액세스 설정 요소 ("등록 정보 "---의 setAttribute 속성 할당 ()의 setAttribute를 ")
childNodes에 (); 자식 노드에 액세스
인 parentNode (); 부모 노드에 접근
의 createElement (); 요소 노드 생성
createTextNode를, 텍스트 노드 생성
삽입 노드;에 insertbefore ()
로 removeChild를 (); 노드 삭제
는 offsetHeight를, 페이지 크기 - 전체 높이의 높이
scrollHeight를 ; 페이지 크기 - 스크롤 막대를 포함
---- JS 브라우저 개체
개체 1.window
전역 변수 window 객체의 속성
전역 함수는 윈도우 오브젝트 방법
, 내부 높이 wondow.innerHeight- 브라우저 창
window.open () - 새로운 창이 열리면
window.close ()에를 - 현재 창 닫기
2. 타이머
타임 이벤트 : JS를 사용하여, 우리가 설정 한 시간 간격으로 요를 할 수있는 능력이
나중에 코드 실행을. 아닌 함수가 호출 직후;
) (--setlnterval는, 특정 코드를 실행할 수 밀리 초 간격으로 지정된 수를 유지
() clearlnterval, 방법 함수 코드 setlnterval을 정지 () 메소드는 수행
) (--setTimeout 단계; 일시 지정 코드 밀리 지정된 수 수행
사항 clearTimeout () 정지시키는 방법을 수행
VAR = MYTIME하여 setInterval (함수 () {
다음 getTime ()가 // 한번 1 초마다 수행 호출
} 1000)
다음 getTime를 함수 () {
; VAR 새로운 D 새로운 날짜 () =
VAR의 d.toLocaTimeString T = (), 분, 초 위젯
innerHTML을 ;. = T (이하 "의 Ptime")를 document.getElementById를
}
박탈 -
기능 stopTime () {
위해 clearInterval (MYTIME)
}
3.History는 객체
window.history 실행 객체는 브라우저의 기록 (URL) 모음이 포함되어
브라우저에서 동일한 뒤로 버튼 클릭 - history.back ()
history.forward를 () - 앞으로 브라우저와 동일한의 버튼을 클릭
역사를. () 이동 - 페이지의 역사에
4.Location 객체
화면 개체
네비게이터 객체
팝업 창
쿠키
역사는 개체를
이전 페이지로 돌아,
history.back을 ();와 같은 브라우저에서 뒤로 버튼을 클릭
history.go (-1)의 역사의 페이지를 입력
) (history.forword;
위치 객체가
현재 페이지의 주소를 가져 오는 데 사용하고, 브라우저가 새로운 페이지로 리디렉션됩니다
Screen 객체의
폭 screen.availWidth-- 가능한 화면
screen.availHeight-- 가능한 화면 높이
screen.Height- 화면 높이