개발하는 냥이 (=ↀωↀ=)

고정 헤더 영역

글 제목

메뉴 레이어

개발하는 냥이 (=ↀωↀ=)

메뉴 리스트

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록
  • 분류 전체보기 (159)
    • 개발 (148)
      • Android (9)
      • CSS (0)
      • DB (3)
      • HTML (0)
      • Java (53)
      • JavaScript (79)
      • NodeJS (0)
      • Python (0)
      • React (1)
      • iOS (2)
      • Visual C++ (1)
    • Tools (9)
    • MAC (2)
홈태그미디어로그위치로그방명록
  • 개발 148
    • Android 9
    • CSS 0
    • DB 3
    • HTML 0
    • Java 53
    • JavaScript 79
    • NodeJS 0
    • Python 0
    • React 1
    • iOS 2
    • Visual C++ 1
  • Tools 9
  • MAC 2

검색 레이어

개발하는 냥이 (=ↀωↀ=)

검색 영역

컨텐츠 검색

분류 전체보기

  • JavaScript - window 객체 활용(open, moveBy, resizeTo, onunload)

    2020.06.04 by 뉴에이스

  • JavaScript - window 객체

    2020.06.04 by 뉴에이스

  • JavaScript - select 객체의 옵션 추가, 삭제, 비활성화(options.length, disabled)

    2020.06.04 by 뉴에이스

  • JavaScript - select 객체(selectedIndex, options)

    2020.06.04 by 뉴에이스

  • JavaScript - checkbox 상태 확인(checked)

    2020.06.04 by 뉴에이스

  • JavaScript - 폼 데이터 체크 후 서브밋 하기(onsubmit)

    2020.06.04 by 뉴에이스

  • JavaScript - 엘리먼트의 값 추가, 삭제(innerHTML, remove)

    2020.06.03 by 뉴에이스

  • JavaScript - 엘리먼트의 속성 추출하기(getAttribute)

    2020.06.03 by 뉴에이스

JavaScript - window 객체 활용(open, moveBy, resizeTo, onunload)

window는 생략 후 사용 가능 소스 생성 이동 변경 결과 (크롬의 리다이렉션 차단 기능으로 팝업창 실행기능은 한번만 동작함)

개발/JavaScript 2020. 6. 4. 17:07

JavaScript - window 객체

window 객체 : BOM(Browser Object Model) windows가 제공해주는 함수 window는 생략 후 사용 가능 팝업창 띄우기 - windows.open(url, target, option) 부모페이지 소스 팝업창1 팝업창2 팝업창3 팝업창4 자식페이지 소스 자식 페이지 메세지 : 닫기 결과

개발/JavaScript 2020. 6. 4. 16:38

JavaScript - select 객체의 옵션 추가, 삭제, 비활성화(options.length, disabled)

1. DOM API 활용 var opt = document.createElement("option"); // 속성추가 opt.value = 0; // var text = document.createTextNode("졸림"); // text를 option에 추가 opt.appendChild(text); // 졸림 selEle.appendChild(opt); 2. 자바스크립트 내장객체 활용 // options 배열에 다음 항목 추가, new Option(text, value); selEle.options[selEle.options.length] = new Option("배고파", "100"); 3. innerHTML 활용 selEle.innerHTML += "테스트"; 소스 추가 삭제 비활성화 활성화 선택하..

개발/JavaScript 2020. 6. 4. 15:29

JavaScript - select 객체(selectedIndex, options)

select객체.selectedIndex : 선택된 옵션 항목의 인덱스 위치 select객체.options : option 항목들의 배열 -> select.selectedIndex (선택된 옵션 위치) -> select.options.length 소스 select 활용하기 - 1 선택하세요 작성자 제목 검색 결과

개발/JavaScript 2020. 6. 4. 14:05

JavaScript - checkbox 상태 확인(checked)

체크박스엘리먼트.checked = true (체크) 체크박스엘리먼트.checked = false (체크해제) 소스 체크박스 테스트 전체 오늘 점심 메뉴는? 돌솥비빔밥 라면 햄버거 결과

개발/JavaScript 2020. 6. 4. 13:32

JavaScript - 폼 데이터 체크 후 서브밋 하기(onsubmit)

onsubmit : submit 이벤트가 발생했을때 체크 (서버로 전송 전에 데이터 체크) 값이 올바른 경우에는 전송, 값이 올바르지 않은 경우에는 취소 onsubmit="return false" - 결과가 false라면 전송하지 않음 소스 id: pass: pass 확인: 확인 확인2 결과 (action 설정한 페이지는 없으므로 서브밋 성공시 에러 페이지가 뜨는것은 정상!)

개발/JavaScript 2020. 6. 4. 10:49

JavaScript - 엘리먼트의 값 추가, 삭제(innerHTML, remove)

소스 추가 삭제 결과

개발/JavaScript 2020. 6. 3. 17:21

JavaScript - 엘리먼트의 속성 추출하기(getAttribute)

소스 확인 속성확인용... 결과

개발/JavaScript 2020. 6. 3. 17:04

추가 정보

인기글

최신글

페이징

이전
1 ··· 3 4 5 6 7 8 9 ··· 20
다음
개발하는 냥이 (=ↀωↀ=) 오류 코드는 제보 바랍니다.

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.