목록Javascript (26)

Heojju

OnePage 간단한 코딩

OnePage .page{height:100vh;} 1page 2page 3page 4page 1page 2page 3page 4page function stopWheel(e){ if(!e){ e = window.event; } /* IE7, IE8, Chrome, Safari */ if(e.preventDefault) { e.preventDefault(); } /* Chrome, Safari, Firefox */ e.returnValue = false; /* IE7, IE8 */ } $("#1page").on('mousewheel DOMMouseScroll', function(e){ stopWheel(); var E = e.originalEvent; delta = 0; if (E.detail) { de..
웹개발 2017. 1. 31. 14:40
[JavaScript] 현재 url 가져오기

실행url - http://localhost:8088/login/login.do?key=value -javascript-location.href -> http://localhost:8088/login/login.do?key=valuelocation.protocol -> http: location.host -> localhost:8088 location.pathname -> /login/login.do location.search -> ?key=value -jquery-jQuery(location).attr('href') -> http://localhost:8088/login/login.do?key=value jQuery(location).attr('protocol') -> http: jQuery(loca..
웹개발/JavaScript 2017. 1. 31. 13:59
[javascript] document selector

selector 설명 document.getElementById [id] var elem = document.getElementById("abc");elem.style.color="red"; document.getElementsByName [name] var xyz= document.getElementsByName("abc");xyz[0].style.color="red"; document.getElementsByClassName [class] var list = document.getElementsByClassName("abc");list[0].style.color = "red"; document.getElementsBytagName [tag] var list = document.getElementsBy..
웹개발/JavaScript 2017. 1. 25. 10:08
[PHP][JavaScript] php 배열을 자바스크립트에서 배열로 받기

$array = array( array(1, 2, 3, 'a', 'b'), array(4, 5, 6, 'c', 'd') ); ?>script>var js_array = echo json_encode($array)?>;   /script>
웹개발 2017. 1. 3. 11:48
[HTML] <a> 태그 팝업창 띄우기 / window.open()

▤ 팝업창 띄우기 팝업창 열기 ▤ window.open window.open(URL, name, [specs], [replace]) 인수 설명 URL 주소 name * _blank : 새 창 * _media : 미디어바의 HTML 내용부분 (IE6부터 적용) * _parent : 부모 frame * _search : 브라우저의 검색창 (IE5부터 적용) * _self : 현재 페이지 * _top : 최상위 윈도우 * name : 그 이름의 윈도우 (지정된 이름의 윈도우가 없으면 새 창) specs 창의 위치와 크기, 기능 등 창이 갖는 특성을 지정. replace true 일땐 새 문서가 이전의 문서와 교체. false이거나 지정되지 않으면 새 문서는 창의 브라우징 히스토리의 새 항목으로 추가됨. fun..
웹개발/HTML 2016. 12. 14. 14:26
[JavaScript] 자바스크립트에서 클래스 이름(class name) 추가/삭제

var element = document.getElementById('element'); ▤ 클래스 추가 [add]element.classList.add('className'); // 클래스에 className 이 추가(기존 클래스 존재)element.classList.add('className1 className2'); ▤ 클래스 삭제 [remove]element.classList.remove('className'); // 클래스에 className 이 삭제(다른 클래스 그대로)element.classList.remove('className1 className2'); ▤ 클래스 변경 [className]element.className = 'className'; // 클래스 이름이 className로 변..
웹개발/JavaScript 2016. 12. 14. 10:58
Prev 1 2 3 Next