![]()
serialize()표준 URL 인코딩 표기법, 텍스트 문자열 생성form 태그 대상으로 serialize() 사용하면 폼 객체들 한번에 받을 수 있음 ⇒ form 모든 값 쉽게 받음ajax에 data 값 세팅할 때 사용let data=$("#frm").serialize();serializeArray()name와 value 형태 담아서 인코딩json문자열로 인코딩할 준비가 된 객체의 js배열로 만듬(인덱스 존재)let dataArray=$("#frm").serializeArray(); let data=$("#frm").serialize(); let dataArray=$("#frm").serializeArray(); let param={}; dataArray.map(function(data,i..
![]()
Window.open('url','name','option') window.open('url','name','option') url 새창(팝업창)에 보여질 주소 name 새창 속성 또는 새창 이름 지정 _blank: 새창으로 연다(기본값) _parent: 부모 프레임 열린다 _self : 현재 페이지에서 팝업 열린다 _top : 현재 페이지에서 최상의 페이지에서 팝업이 열린다 option 사이즈 정의 width : 새 창 가로 길이 height : 새 창 세로 길이 top : 화면 위에서 팝업 위치 지정 left: 화면 왼쪽에서 부터 팝업 위치 지정 예시 window.open("popUp.html","popUp","width=650, height=480, left=100, top=50"); window...
![]()
랜덤 숫자 지정하기 정답 맞추기 function myclick(){ var obj_it = document.getElementById("it"); var obj_div = document.getElementById("my_div"); var mine = obj_it.value; //mine str -> int 변환 var imine = parseInt(mine); var line = ""; if(com > imine) { line = imine + "\tUP "; } else if(com < imine) { line = imine + "\tDOWN "; } else { line = imine + "\tANSWER "; alert(mine + " : 정답"); } var str_old = obj_div.i..
this : 해당되는 태그 포함 나타낸다 => this 이용해서 해당 하는 버튼 누를 때 value 가져와서 출력이 가능하다 전에 사용했던 값 포함해서 출력하기 alert 출력 원본 EX06
![]()
EX03 출력 단수 2 3 4 5 6 7 8 9
![]()
ex01.html EX01 Good Morning ex02.html js console 창에서 int => 파란색 , str => 검은색 str => int 변환 : parseInt(str) EX02
매개변수target.value 사용 방법 $(".ib").on("click", function(event) { // myclick(); console.log(event.target) }); $(".ib").on("click", function(event) { // myclick(); console.log(event.target.value) }); this 사용 방법 $(".ib").on("click", function(event) { // myclick(); console.log(this) });
![]()
문서 객체 모델(DOM)이란? Document OBject Model XML이나 HTML 문서 접근하기 위한 일종의 인터페이스 HTML문서의 계층적인 구조를 트리 표현
#myBall{ background-image: url("http://dh.aks.ac.kr/Edu/wiki/images/thumb/d/d6/Snoopypc.jpg/300px-Snoopypc.jpg"); background-size: 100% 100%; /* transform: rotate(90deg); 90도 회전 */ /* transform: skew(85deg,0); 찌그러트리기 */ } #myBar{ position: absolute; bottom: 100px; height: 70px; width: 150px; background-color: skyblue; } 메에롱 시작하기 멈추기 HTML 삽입 미리보기할 수 없는 소스 시작하기 버튼 누르면 (onclick) fCK() 이벤트 발생 멈추기 버튼..
