Web/Java Script (19) 썸네일형 리스트형 jQuery 에서 Pure Javascript 로 전환하기. 출처. uxicode.tistory.com/entry/jQuery-%EC%97%90%EC%84%9C-Pure-Javascript-%EB%A1%9C-%EC%A0%84%ED%99%98%ED%95%98%EA%B8%B0-1 jQuery 에서 Pure Javascript 로 전환하기. jQuery -->Vanilla JS ( pure javascript ) 전환하기 여태까지 jQuery 를 잘 써오고 있다. 음~제목과 다른 전개이지만~ 왠지 앞으로도 계속 쓸 것 같다. 구차한 이야기는 생략하겠지만 그 만큼 이 바닥 시장 uxicode.tistory.com 여태까지 jQuery 를 잘 써오고 있다. 음~제목과 다른 전개이지만~ 왠지 앞으로도 계속 쓸 것 같다. 구차한 이야기는 생략하겠지만 그 만큼 이 바닥 시장이 .. 자바스크립트에서 따옴표 문자열 쓰기 AJAX 처리후 동적으로 html을 만들어 주어야 하는 상황이 발생할수 있다. DB에서 데이터를 불러온 후 html 이라는 변수 안에 해당 값을 넣을때 따옴표 문자열 쓰는 방법이다. var title = "울라불라"; var detail = "상세정보"; html += ""; html += "" + detail + ""; 다음과 같다.. 앞 \" \"" + title + "\" 뒤 \" 그냥 체크.. function checkComment(obj) { var comment_val = obj.comment_Content.value; if (comment_val == "") { alert("내용을 입력해 주세요!!"); f.comment_Content.focus(); return; } else { $(obj).attr("action", "comment_write.do").submit(); } } encodeURI()와 encodeURIComponent()의 차이 자바스크립트는 encodeURI()와 encodeURIComponent()를 내장함수를 제공한다. 둘의 차이점은 다음과 같다: encodeURI('?a=b&c=d'); // "?a=b&c=d"encodeURIComponent('?a=b&c=d'); // "%3Fa%3Db%26c%3Dd"cs encodeURIComponent()는 인수를 URI의 일부(프로토콜, 호스트 이름, 경로, query string 중 하나)라고 간주한다. 만약 전달인자가 =, ?, &를 포함한다면 해당 문자를 포함하여 인코딩한다.반면 encodeURI()는 인수를 URI 전체라고 간주하며 파라미터 구분자인 =, ?, &를 인코딩하지 않는다. Javascript : 함수(function) 다시 보기 자바스크립트는 한동안 개발자들의 많은 오해와 편견으로 toy language 취급을 받아 왔습니다. 누구든지 쉽게 배워 간단히 적용할 수 있다는 생각에 깊이 있는 학습이 이뤄지지 않았습니다. 하지만, 현대의 웹 애플리케이션이 시대적 요구와 사용자의 기대로 인해 점점 더 복잡한 대규모 시스템으로 발전해 나가면서 자바스크립트에 대한 관심이 크게 늘고 있습니다. 이에 자바스크립트에 대한 올바른 이해를 위해 자바스크립트에서 가장 중요한 주제인 함수에 대해 간략히 설명하겠습니다.대부분 자바스크립트에서 함수를 설명할 때 “자바스크립트에서 함수는 first-class object(또는 citizen, value)다”라는 정의는 항상 빠지지 않고 등장하는 단골문장입니다. 하지만, first-class object에 대.. 자바스크립트 브라우저별 체크 (IE11 개선) 자바스크립트 IE 이냐 아니냐~ 체크 var agent = navigator.userAgent.toLowerCase(); if ( (navigator.appName == 'Netscape' && navigator.userAgent.search('Trident') != -1) || (agent.indexOf("msie") != -1) ) { alert("인터넷 익스플로러 브라우저 입니다."); } else { alert("인터넷 익스플로러 브라우저가 아닙니다."); } 출처 - http://ooz.co.kr/67 자바스크립트 부모창, 상위 프레임 자바스크립트 함수 호출 ●팝업창에서 부모창에 있는 자바스크립트 함수 호출 - opener.자바스크립트함수(); ●하위프레임에서 상위프레임에 있는 자바스크립트 함수 호출 - parent.자바스크립트함수(); [자바스크립트] parentNode 와 children 을 이용한 부모/자식 객체 접근 가 나 다 라 가,나,다,라 를 각각 클릭할때 클릭한 탭은 활성화 시키고 그렇지 않은 나머지 탭은 비활성화 시키기 위해서 통상 다음과 같은 javascript 메소드를 작성합니다. 매우 간단합니다. 그런데 ul 안을 보면 id를 모두 지정해 주었고 tabClick 메소드에서는 탭의 갯수를 미리 지정해 주었습니다. 나무랄데 없이 깔끔합니다. 위와 같이 동작하는 탭을 더 심플하게 처리하면서 유연한 방법이 있습니다. 각각의 태그들, 즉 엘리먼트는 객체로서 접근이 가능합니다. ID지정없이 부모/자식 객체를 이용한 접근 이 것은 위와 완전히 동일한 동작을 하지만 비교할 수 없을 만큼 유연하며 효율적인 접근입니다. 가 나 다 라 응용문제 ABC DEF GHI 1) ABC 를 클릭하면 alert 에 뭐라고 뜰까요? .. 이전 1 2 3 다음