본문 바로가기

분류 전체보기

(222)
[javaScript] Dom Script Document Object Model - 문서 객체 모델 정의 : 플랫폼(브라우저)과 언어에 중립적인 인터페이스로 프로그램과 스크립트를 사용해서 동적으로 접근(제어)할 수 있도록 하며, 문서의 내용, 구조, 스타일을 변경할 수 있다. 문서의 접근 document.images[2]; document.forms['detail']; 문서의 구성 - 요소 노드(,, 등등) - 텍스트 노드 텍스트 노드입니다. -> p태그를 제외한 나머지 - 속성 노드 : 태그 안에 있는 것이 모두 다 속성 노드이다. 이 물건 사는 것 ->진한 부분이 title이 된다. 문서 접근 방법 - getElementById("태그 아이디"); 리턴형은 Object - HTML문서에서 지정된 아이디 속성을 포함하는 단 하나의 HTML요소..
[javaScript] Document 실습 3초 공지창 기본정보 스텝 영화속 명대사 관련사이트 겔러리 사운드트랙 예고편 감상후기 버그리포트 -장르 : 드라마 / 로맨스 -국가 : 미국 / 영국 / 프랑스 -상영시간 : 105 분 -관람기준 : 18세 이상 관람가 -개봉일 : 2001-09-01 -비디오출시일 : 2002년 02월 23일 -공식홈페이지 -감독 : 샤론 맥과이어 -출연 : 르네 젤위거 / 콜린 퍼스 / 휴 그랜트 -각본 : 헬렌 필딩 -제작 : 팀 베번 / 조나단 카벤디쉬 / 에릭 펠너 -음악 : 패트릭 도일 -촬영 : 스튜어트 드라이버그 Gallery 태그라인 제 일기는 당신께만 보여드릴께요... 시놉시스 서른 두살의 노처녀 브리짓 존스. 칼로리와의 전쟁에 몰두하고 완벽한 남자를 만나겠다는 희망을 간직한 그녀. 어김없이 새해가 다가..
[javaScript] Document 도큐먼트 열기 - 윈도우에 출력된 문서요소를 제거하고 새로운 문서를 받아들일 준비를 의미 - 현재 브라우저 윈도우 상의 HTML 문서를 지우고 정상적으로 새로운 문서를 출력하기 위한 것 간단한 html 문서 연습장 만들기 아래의 텍스트 창에 html문서를 작성해 보세요 그리고 아래 버튼을 클릭해 보세요 새 창에 아래에 작성한 html 문서를 출력할 것입니다. //이 textarea가 html문서의 출력된다 HTML문서 출력하기 innerHTML, outerHTML, innerText, outerText 비교하는 예 innerHTML - 모든 HTML 텍스트 스트링을 가진다. 가장 많이 쓰인다. outerHTML - 전체 HTML태그를 포함하는 텍스트 스트링을 가진다 innerText - 출력된 문서상의 ..
[javaScript] Form 복습시간 이벤트 많이쓰이고 사용방법에 대해 많이 알아봐야 한다 대체적으로 많이 쓰이는 이벤트 종류 대체적으로 많이 쓰이는 스크립트 이벤트 버블 중단하기 document html문서자체 window 익스플로러 event.srcElement event.stopProgration event.cancelBubble //"click"이 호출 됐을 때, click me라는 함수가 실행된다 document.addEventListener("click", clickMe, false); 폼 - 폼은 이벤트와 많이 관련되어 있다 - 자바스크립트에서 폼은 거의 이벤트이다. document.form.select.selectindex = 3; document.form.select.options[1].selected = true;..
[javaScript] 정규표현식, 이벤트, 이벤트핸들러, 이벤트 버블 실습 문서 내용 검색하기 - textbox안에 단어를 넣으면 선택 단어가 노랑색으로 표시된다. 섹스 & 시티 시즌1 (Sex and the City season1, 1998) 뉴욕에 거주하는 성공한 직업 여성들인 섹스 칼럼리스트 캐리(Carrie Bradshaw: 사라 제시카 파커 분), 변호사 미란다(Miranda Hobbes: 신시아 닉슨 분), 광고회사 간부 사만사(Samantha Jones: 킴 캐트럴 분), 미술품 매매인 샬럿(Charlotte York: 크리스틴 데이비스 분) 등 4명이 늘어놓는 각자의 섹스에 관한 경험, 환상들을 그린 TV 시리즈 에피소드 1 - '섹스 & 시티' 에피소드 2 - '모델 집착증' 에피소드 3 - '총성 없는 전쟁' 에피소드 4 - '20대 남자와 30대 여자' 에피..
[javaScript] 정규 표현식, 이벤트, 이벤트 핸들러, 이벤트 버블 변수, 데이터형, 연산, 제어 태그 -> 객체 정규표현식 -> 검색 이벤트 -> 80% 정규표현식 - 패턴을 형성하는 문자들의 집합으로 문자열 내에서 검색, 대체, 추출 등을 할때 사용한다. //문자열 내에 한 개이상의 s문자를 포함한다 var search = new RegExp('+s'); = var search2 = /+s/; test() - 입력된 문자열이 정규표현식에 부합하는 지 판단 //i는 대,소문자 구분없이 검사하라는 뜻 var re = /JavaScript rules/i; //g는 전역매칭(한 줄만 검사하는 게 아니라 전체를 검사 var re = /JavaScript rules/g; exec() - 해당 패턴 내용을 추출 * - 0개 이상으로 구성 //J로 시작하고 S문자가 0개 이상 va..
[javaScript] 기초 실습 함수의 정의 및 호출 - 최대공약수 구하기 배열생성_exam 객체 사용 시간 오늘 날짜로 표시하기 과제2>랜덤으로 배너 보여주기 과제3>해당 사진 마우스 오버하면 크게 보여주기
[javaScript] 기초 JavaScript VS JAVA - 아무런 관계도 없다. 문법이 같은 부분도 있지만, 거의다 틀리다. - Web에서 이벤트 처리를 주로 한다. - DomScript, Ajax기술 중에 자바스크립트의 기술이 70%를 차지한다. ->동적으로 다이나믹하게 보여지게 하기 위한 것 1. 사용방법 2. 데이터형, 연산, 제어 선언 3. 내장 객체, 정규 표현식 4. DHTML -> HTML(트리구조 접근방법) 5. 이벤트(중요,종류가 많다) 6. -> FORM검사(정규 표현식과 관련이 있다) 7. BOM 객체 8. 쿠키 9. CSS와 동작 10. DOMScript(문서를 트리구조로 접근) - 생성, 삭제 Flax를 쓰려면 액션스크립트가 꼭 필요한다. java랑 javascript를 할 줄 알면 금방 배울 수 있다..