[jquery]window.location.href 이용하여 기능 개발

📖window.location 객체에 대한 내용

https://august5pm.tistory.com/8

 

 

1. 카테고리 별로 상단에 배너 삽입하는 코드 

 

  var url = window.location.href;

// 'category/' 뒤에 있는 두 글자를 추출

var categoryIndex = url.indexOf('category/') + 'category/'.length;

var cate_no = url.substr(categoryIndex, 3);//카테고리 넘버가 3자리

var cate_no2 = url.substr(categoryIndex, 2); //카테고리 넘버가 2자리

 

// 카테고리 배너

    if(cate_no == 119){

      $('.banner').prepend('');

    }else if(cate_no == 120){

      $('.banner').prepend('');

    }else if(cate_no == 83){

      $('.banner').prepend('<a href="/promotion/heartleaf_pad.html" target="_blank" class="pad"></a>');

    }else{

      $('.banner').prepend('')

    }

 

 

2. 같은 코드를 활용하여 상단 네이게이션 메뉴 클릭시 해당 메뉴만 색이 변경되도록 하는 코드

function checkUrl(){

  var url = window.location.href;

// 'category/' 뒤에 있는 두 글자를 추출

var categoryIndex = url.indexOf('category/') + 'category/'.length;

var cate_no = url.substr(categoryIndex, 3);//카테고리 넘버가 3자리

var cate_no2 = url.substr(categoryIndex, 2); //카테고리 넘버가 2자리

if(cate_no == 119 ){

  $('.menuCategory li:nth-child(1) a').css('opacity','1')

}

else if(cate_no2 == 66 ){

  $('.menuCategory li:nth-child(2) a').css('opacity','1')

}

else if(cate_no2 == 65){

  $('.menuCategory li:nth-child(3) a').css('opacity','1')

}

else if(cate_no2 == 67){

  $('.menuCategory li:nth-child(4) a').css('opacity','1')

}else{

  $('.menuCategory li:nth-child(5) a').css('opacity','1')

}  

}