JS/JS-event14 BOM -네비게이터 객체 네비게이터 -현재 브라우저에 대한 정보를 제공하는 객체 접속 브라우저에 따른 화면설계하기 네비게이터 객체 내용......................... 2024. 2. 5. BOM - history history -브라우저의 기록관리 6번페이지 06번페이지 이동 기록강제로 추가하기 07번 페이지 07번페이지 뒤로가기 뒤로가기(양수를 주면 앞,음수를 주면 뒤로가기) 이동을 누르면 뒤로가기를 누르면 다시 돌아온다. 기록을 강제로 추가하기(pushState) 기록 강제로 추가하기를 누르면 이렇게 주소값 이 변경된다. 뒤로가기 감지 06번페이지 이동 기록강제로 추가하기 ex ) 결제 프로세서(결제 중복방지) 등 에서 쓰인다. 2024. 2. 5. 노드 삭제 특정태그 삭제 remove 특정태그삭제 추가하기 삭제하기 여기서 삭제를 누른다면? 무조건 첫번째가 삭제된다. 부모,형제노드 선택하기 parentElement , siblingEliment 를 사용한다 1.홍길동 2.이순신 3.홍길자 4.홍길순 특정 리스트만 삭제하고 싶을 때는? 할일삭제 기능은 button을 생성할 때 이벤트를 주면 됩니다. input은 지우는게 아니라 , display:none으로 제어하세요 할일 목록만들기 확인 확인 css하기에서의 X를 누르면 css하기가 사라진다. 2024. 2. 5. BOM - timeout timeout - 일정 시간 후에 동작 time함수에 매개변수 주기 function time(text){ return function() { alert(text); } } window.setTimeout(time("3초 뒤에 실행됩니다"),3000); clearTimeout --timeout 함수를 제거한다. function time(text){ return function() { alert(text); } } var timeID = window.setTimeout(time("3초 뒤에 실행됩니다"),3000); clearTimeout(timeID); //3초뒤에 실행되지 않는다. 애니메이션 효과 넣기 1초뒤 2번째 이미지가 생성된다. 2024. 2. 5. 요소생성 - 노드생성 및 추가 노드생성 버튼1 버튼2 버튼3 버튼1을 누르면 체크박스가 하나씩 생성된다. 노드를 특정위치에 추가하기 추가하기 10개 생성하기 추가를 누르면 ul 태그 아래(자식)에 추가된다. --appendchild 실습 위의 형태로 만들어보기 실습코드 5개 추가히기 1개 추가히기 교시 훈련과목 담당자 훈련내용 2024. 2. 5. BOM -인터벌예제 active클래스를 옮겨가면서 활성화 시키기 vs 하나씩 생성하기 1초마다 순서대로 이미지가 넘어간다. 애니메이션 추가하기 active클래스를 옮겨가면서 활성화 시키기 vs 하나씩 생성하기 keyframes 클래스명(animation : 이름 시간 효과) classList.add(클래스명) 을 넣어주며 애니메이션 추가 2024. 2. 5. 이전 1 2 3 다음
