페이지 이동 제어 (링크,앵커) - href/replace()/pushState()

페이지 이동 제어 (링크,앵커) - href/replace()/pushState()

​jquery-1.11.0.min.js


href - 이동될 페이지 지정

$(function(){

$('a').click(function(){

location.href = ''index.html;

}); });


replace() - 앞 페이지의 이력을 남기지 않을때(뒤로가기 버튼으로 전 페이지 이동 불가)

$(function(){

$('a').click(function(){

location.replace('index2.html');

}); });


pushState() - history.pushState() : 브라우저의 이력 추가 (ajax로 페이지 내용 편집시 리퀘스트의 키 정보가 됨)

$(function(){

var state = 1;

$('a').click(function(){

history.pushState('state'+state, 'state'+state);

state++;

});

$(window).on('popstate', function(e){

console.log(e.originamEvent.state);

});

});

Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand