2016-07-01 1 views
1

쿠키를 처음으로 사용하려고합니다. 간단하게 글꼴 크기를 늘리고 쿠키에 저장하고 싶습니다. 나는 많은 독서를했지만 단순한 일은 할 수 없었다. 나는 구멍 웹 사이트에 fontsize를 설정하는 쿠키를 원한다. 아래 코드를 참조하십시오.내 구멍 웹 사이트의 Jquery 쿠키

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#incfont').click(function() { 
     curSize = parseInt($('.content').css('font-size')) + 2; 
     if (curSize <= 20) 
     $('.content').css('font-size', curSize); 
     $.cookie('font-size', curSize); 
     console.log($.cookie('font-size', curSize, { 
     expires: 3600 
     })); 
    }); 
    $('#decfont').click(function() { 
     curSize = parseInt($('.content').css('font-size')) - 2; 
     if (curSize >= 12) 
     $('.content').css('font-size', curSize); 
     $.cookie('font-size', curSize, { 
     expires: 3600 
     }); 
     console.log($.cookie('font-size', curSize)); 
    }); 
    }); 

</script> 
<div id="incfont" class="col-md-1"> 
    A 
</div> 
<div id="decfont" class="col-md-1"> 
    a 
</div> 

당신이 페이지로 돌아올 경우 글꼴 크기를 설정하려면 :

<script> 
    $(document).ready(function() { 
    $('.content').css('font-size', $.cookie('font-size')); 
    }) 
</script> 

을하지만 지금 무슨 일이 일어나고 있는지가 각 페이지에 대해 쿠키를 설정한다는 것이다. 내가 원하는 것은 내 구멍 웹 사이트의 글꼴 크기를 설정하는 것입니다.

크로스 사이트 스크립팅에 대해 읽었을 때 염두에 두어야 할 것은 무엇입니까? 쿠키를 설정하는 동안 당신은 쿠키 경로를 지정해야합니다

시스

+0

귀하의 코드가 이전 [jQuery를 쿠키 플러그인]을 사용하고 있는지 제안 (https : //로 GitHub의 .com/carhartl/jquery-cookie)하지만이 질문에 대해서는 언급하지 않았습니다. 이 경우인가요? – Turnip

답변

1

어떤 awnsers에 대한

덕분에, 나는 당신이 개별적으로 모든 페이지에 대한 지금을 설정하는 것처럼 그런 경우 생각합니다. 간단하게이 쿠키를 설정할 수 코드를 변경 : 당신이 jQuery 플러그인 (https://github.com/carhartl/jquery-cookie)를 사용하는 것을 가정하고

$.cookie('font-size', curSize, { path: '/' }); 
1

.

기본적으로 쿠키는 현재 페이지에서만 유효합니다. 이 동작을 무시하려면 options 객체의 path 값을 전달하면됩니다. 당신이 쿠키는 전체 도메인에 대해 유효 원하는대로

, 경로는 / 것 :

$.cookie('font-size', curSize, { path: '/' }); 
+0

그렇지만 어떻게해야합니까? 이것이 안전하지 않으면 변경하십시오. 나는 간단한 폰트 증가 나 감소를 위해서만 사용할 것이다. – Cees

+0

숫자 값을 저장하는 것이 보안 상 위험 할 수 있습니다. 그것이 신용 카드 번호 또는 이와 유사한 것이 아니라면. – Turnip

+0

okey 그러면 입력에 감사드립니다. – Cees

관련 문제