728x90 반응형 script2 url을 가져와서 이벤트 적용하기 nav메뉴나 gnb를 누르면 해당 페이지로 이동했을 경우에도 active를 시켜놓고 싶을때 사용하였다. (이 경우는 url에 gnb 메뉴와 같은 글자가 있었을때 사용함) html main about contact script var pageUrl = window.location.href; //창의 url을 가져온다. $(window).on('load', function(){ //load가 되었을때 실행 $('.header .gnb > li').siblings('li').removeClass('active'); //다른 active가 있으면 지워준다. if (pageUrl.indexOf('about') > -1) { //url에 about이라는 글자가 있으면 실행 $('.header .gnb > li')... 2021. 9. 6. width, innerWidth, outerWidth의 차이점 자바스크립트를 하다보면 요소의 길이를 알고 싶을때가 있다. 그때 쓸 수 있는게 .width() 인데 이 width값은 여러가지의 경우가 있다. .width() : 요소의 너비값만 구할 경우 .innerWidth() : 요소의 너비 값 + padding을 더한 값 .outerWidth() : 요소의 너비 값과 padding + border를 더한 값 .outerWidth(true) : 파라미터에 true를 넣을 경우 요소의 width, padding, border, margin을 모두 포함한 값을 나타낸다. ex) .box {width: 50px; height: 50px; padding: 10px; margin: 10px; border: 5px solid #000;} 경우, $('.box').width().. 2021. 9. 6. 이전 1 다음 728x90 반응형
