Study/JavaScript (10) 썸네일형 리스트형 [javaScript] 쿠키 쿠키 - 인터넷 웹사이트의 방문기록을 남겨 사용자와 웹사이트 사이를 매개해 주는 정보 쿠키 구성 name=value; expires=[Date]; domain=[Domain]; path=[Path]; [secure] 실습>> 쿠키 parent_popup.html 실행은 부모.html에서 합니다 child_popup.html aa 오늘 하루 이 창을 열지 않음 [javaScript] Dom Script 실습 Snapshot - 텍스트 클릭하면 해당 이미지 보여주기 snapshots Fireworks Coffee Rose BigBen Choose an image showPic.js function showPic(whichPic) { var source = whichPic.getAttribute("href"); var placeholder = document.getElementById("placeholder"); placeholder.setAttribute("src", source); var text = whichPic.getAttribute("title"); var description = document.getElementById("description"); description.firstChild.node.. [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.. 이전 1 2 다음
