Frontend42 javascript 브라우저 객체 모델 1. 브라우저 객체 브라우저에 내장 된 객체를 '브라우저 객체' 라고 하며, 최상위 객체는 window 이다. window 객체에는 하위 객체가 포함 되어 있다. 2. window 객체 ① open( ) 지정한 url 페이지를 새 브라우저 창에 나타낼 수 있다. open("url","새창이름", "새창옵션") window.open("http://r-0o0-j.tistory.com", 'yeriel티스토리',"width=350, height=400, left=50,top=10, scrollbars=no") 새 창의 옵션 종류 ① width : 새 창의 너비 지정 ② height : 새 창의 높이 지정 ③ left : 새 창의 위치 지정 할 때 가로 위치 설정 ④ top : 새 창의 위치 지정 할 때 세로 .. 2020. 3. 23. javascript 이벤트 실습 1. 자바스크립트 이벤트 계산 X 계산하기 조건값을 50으로 설정해놓고 50이 안넘었는데 왜 빨간색이 안돼지 하면서 30분 넘게 고민한건 안비밀 2.자바스크립트 this 활용 상품가격 : 상품수량 : :: 수량 선택 :: 1 2 3 4 5 총 계산 금액 : 2020. 3. 17. javascript 문자열 객체 문자열 객체 1. 값에 의해 생성 된 문자열 객체는 아래의 메서드 및 속성을 사용 할 수 있다. var 변수 = ' '; var 변수 = new String(); var 변수 = new String('문자열'); 2. String 객체의 메서드 및 속성 var str = '한국스마트정보교육원한국스마트정보교육원'; console.log(str.indexOf('교육원')); ② 변수.lastindexOf(''); 변수에 담긴 문자열을 lastindexOf의 인수값과 끝부터 일치하는 인덱스 번호 반환 var str = '한국스마트정보교육원한국스마트정보교육원'; console.log(str.lastIndexOf('교육원')); ③ 변수.replace('대상 문자열','바뀔 문자'); replace의 첫 번째 인.. 2020. 3. 17. javascript - 문서 객체 모델 style - display, tab 버튼 만들기 1. display 보이게 하기 안녕하세요 한국 스마트 정보 교육원 2. 복수 이벤트 버튼 1 버튼 2 햇빛맛집 야경맛집 3. tab 공지사항 자유게시판 뉴스 1 '비상' 14차례 언급한 문 대통령…"이것저것 따질 계제 아니다" 2 "한선교, 계획된 뒤통수"…흠모한 선배라던 황교안과 무슨일 3 이인영 "추경 못하면 역사의 죄인" 심재철 "국민 손에 돈 쥐어줄 궁리만 해" 4 文대통령 "비상경제시국"…개학 2주 연기로 가닥 5 [단독] 황교안 격노·사천 비판에 한선교 “젊음과 전문성에 치중” 6 황교안-한선교 공천 갈등 '폭발'…통합당, 해법 찾기 고심 7 이해찬의 '내로남불' 8 심상정 "꼼수가 꼼수 낳는 참담한 상황…어려워도 원 [코로나19] “팬데믹도 막을 수 없다”…삼성·SK하이닉스 신공장 준비 ‘.. 2020. 3. 17. javascript - 문서 객체 모델 style 1. 스타일 설정하기 - style 스타일 주기 스타일 주기 2. html 삽입 - innerHTML html 삽입 버튼을 클릭해주세요. html 삽입 버튼을 클릭해주세요. 실습하기~ 1] 아래의 버튼 클릭시 body의 배경 색상을 검정 또 한번 클릭시 흰색으로 바뀌게 스크립트 코드를 작성하시오. 배경색 변환 배경색 변환 2] 아래의 버튼 클릭시 1~10까지의 행의 값을 가진 테이블을 완성 시키시오. 테이블 생성 버튼을 클릭해 주세요. 테이블 생성 버튼을 클릭해 주세요. 2020. 3. 17. javascript -document 문서객체 모델 dom : 문서 객체 모델 (document object model) 문서의 정보가 담아져있다. document 라는 변수명으로 문서에 접근 할 수 있다. 1. 객체 검색 메서드 ① 아이디 검색 : getElementById('아이디명'); ② 태그명으로 검색 : document.getElementsByTagName('태그명'); -> 배열로 반환 ③ 클래스명으로 검색 : document.getElementsByClassName('클래스명'); -> 배열로 반환 ④ 속성 name의 값으로 접근 : document.네임명 (name이라는 속성은 form 객체에만 적용) 버튼 안늉 오눌은 워료일 1] 폼 하위 접근하기 document.myForm.myName; // 해당 객체에 커서 이동하기 6] form .. 2020. 3. 16. 이전 1 ··· 3 4 5 6 7 다음 728x90 반응형
