본문 바로가기
반응형

JAVASCRIPT28

[JQuery] 자식창에서 부모창 제어하기 $("#부모창Element ID",opener.document).val("바꿀 값"); 2018. 9. 12.
[JavaScript] 배열을 Json형태처럼 만들기 let list = new Array(); let obj = new Object(); //Object에 obj.(key) = (value) 형태로 넣어준다. obj.id ="test" obj.pw="1234"; obj.num="010-xxxx-xxxx" list.push(obj); //출력 0 : {'id' : 'test', 'pw' : '1234' , 'num' : '010-xxxx-xxxx'} 2018. 9. 3.
[JQuery] Parent(부모), ChildI(자식) 이벤트 문제 $(document).on('click','.test',function(){ alert('test'); }); $(document).on('click','.test2',function(){ alert('test2'); }); 본인은 div test class를 클릭하면 test가 alert창에 띄워지고 div test2 class 를 클릭하면 test2가 alert에 띄워질줄알았지만, javascript는 부모 자식간에 이벤트를 전파(버블링)하는 속성이 있기때문에 부모 class인 test 의 자식클래스 test2를 클릭해도 alert에 test가 띄워지게 된다. 그래서 해결방법으로는 부모의 이벤트전파를 막는 속성인 문구를 하나 추가해주면된다. //jQuery 사용할경우 $(document).on('cl.. 2018. 8. 30.
[JQuery] 동적으로 element append시 Click Event 문제 JQuery로 append를 하게되면 기본 html onclick="function()"을 사용 할 수 없다. $(document).on('click','element id or class',function(){ alert(pcode); }); 2018. 8. 30.
[JQuery] 브라우저 해상도 알아내기 $(document).ready(function(){ let windowWidth = $( window ).width(); let windowHeight = $( window ).height(); alert(windowWidth); alert(windowHeight); }); 2018. 8. 28.
[JavaScript] window.open시 get방식이아닌 post방식으로 data 넘기기 let form = document.createElement("form"); // form 엘리멘트 생성 form.setAttribute("method","post"); // method 속성 설정 form.setAttribute("action","/project/create"); // action 속성 설정 document.body.appendChild(form); // 현재 페이지에 form 엘리멘트 추가 let insert = document.createElement("input"); // input 엘리멘트 생성 insert.setAttribute("type","hidden"); // type 속성을 hidden으로 설정 insert.setAttribute("name","ids"); // name.. 2018. 8. 27.
반응형