반응형
SMALL
javascript pushstate
-
[JS] Pushstate 페이지 갱신 없이 페이지 전환JavaScript 2022. 11. 15. 12:50
현재 페이지 주소창 url변경 history.pushstate(state, title, url) history.pushstate( state, title, url ) 현재의 주소창의 url을 다른 것으로 변경하고자 할때 페이지는 그대로 유지하고 싶다면? history객체의 pushstate()를 사용하는 방법이 있다. pushstate()는 현재의 주소를 다른 것으로 변경하면서 페이지는 그대로 유지해주기 때문에 페이지가 전환, 갱신되는 것을 방지하면서 동시에 주소창의 url이 변경된다. 장점은 페이지 주소만 변경하는 것이 아니라 url주소를 바꾸면서 동시에 데이터(state)를 전달하거나 타이틀 변경도 가능하다. 1. url 변경 데이터(state), 타이틀(title)이 없다면 아래와 같이 간단하게 주..