페이지를 새로고침하지 않고 브라우저 주소 표시줄을 변경하는 방법 - HTML/Javascript
안녕하세요, 여러분
Github.com은 사용자에게 저장소를 참조할 때 웹 페이지를 강제로 다운로드하지 않고 페이지 내용을 새로 고치기 위해 AJAX를 사용한다는 것을 알게 되었습니다.
또한 Github은 브라우저 주소 표시줄을 콘텐츠를 나타내는 실제 주소로 변경합니다.URL 내의 # 해시태그를 사용하여 구현하지 않으면 어떻게 구현해야 할지 모르겠습니다.
한마디로 github은 해시태그를 사용하지 않고 새로운 웹 페이지를 로드하기 위해 Ajax를 사용합니다.그들은 어떻게 이 일을 해낼까?
좋은 생각 있어요?
사용방법:
window.history.pushState("string", "Title", "newUrl");
이것은 HTML 5의 새로운 기능입니다.
페이지를 새로고침하지 않고 URL이 newUrl로 변경됩니다.
주의: 메서드의 title arg는 html 페이지의 Title을 변경하지 않습니다.브라우저 기록에서 페이지 이름을 지정하기 위해 사용됩니다. 예를 들어 이전으로 돌아간 다음 앞으로 이동합니다.
HTML5 history api를 보세요.사용할 계획이라면, 라이브러리를 포장하고 위치 해시에 폴백을 추가하는 것도 좋은 방법입니다.
https://github.com/browserstate/history.js은 한눈에 봐도 나쁘지 않은 것 같습니다.
언급URL : https://stackoverflow.com/questions/5607902/how-to-change-browser-address-bar-without-reloading-page-html-javascript
'source' 카테고리의 다른 글
| h2에 착신하는 screen_reader_text를_posts_pagination에서 삭제하려면 (0) | 2023.02.12 |
|---|---|
| 포스 앵귤러컨트롤러를 로드하기 전에 데이터를 반환하는 JS 서비스 (0) | 2023.02.12 |
| Woocommerce:제품의 모든 주문 접수 (0) | 2023.02.12 |
| Oracle - 어떤 TNS 이름 파일을 사용하고 있습니까? (0) | 2023.02.12 |
| Visual Studio 코드에서 언어를 JSX로 변경 (0) | 2023.02.12 |