2012-10-14 5 views
4

저는 비교적 새로운 웹 디자이너입니다. 나는 내가 내가 도움이 될 수 있기를 바라고 있었던 문구를 어떻게 내는지 정말로 알 수 없다는 의문을 가지고있다! 사용자가 내 웹 사이트의 다른 페이지를 클릭 할 때 내 헤더가 "다시로드되지 않도록"어떻게 만들 수 있는지 궁금합니다. 좋은 예가 "보이지 않는 생물"(바로 여기 특히 : http://www.invisiblecreature.com/#/work/all/hexapillar)의 웹 사이트입니다. 다른 링크를 클릭하면 헤더가로드 된 상태로 유지됩니다 (대부분의 사이트 에서처럼 흰색으로 변하지 않습니다). 죄송합니다. 조금 혼란 스럽습니다. 내 생각을 말로 표현하는 데 어려움을 겪고 있습니다. 정말 고마워!! 이 다른 페이지를 클릭 할 때 머리글이 "다시로드"되지 않도록하려면 어떻게합니까?

  • 수정 된 URI와 함께, 당신은 정상적인 페이지를 요청할 수 있도록 사이트의 서버 측 부분을 설정하거나 (공유 콘텐츠를 다시로드 포함) 정상적으로 작동 있도록 :-)

  • +3

    당신은 AJAX와 HTML5의 역사와 단일 페이지 응용 프로그램을 찾고 있습니다. – SLaks

    +2

    새 페이지를로드하는 데 일반적인 메커니즘을 사용하는 대신 AJAX를 사용하여 새 페이지 컨텐트를 가져온 다음 DOM에 스왑 할 수 있습니다. –

    답변

    2
    1. 은 사이트 구축 내용.
    2. 자바 스크립트를 사용하여 링크가 활성화되면 사이트의 다른 페이지 또는 다른 곳으로 이동하는지 테스트 할 수 있도록 이벤트 처리기를 설정하십시오. 그것은 당신의 사이트의 페이지에있는 경우
    3. : preventDefault 다음 URL의 URL을 변경하려면 새로운 콘텐츠
    4. 사용 pushState과 페이지의 콘텐츠 섹션을 대체 할 페이지와 DOM의 내용을 가져 오기 위해 XMLHttpRequest의 사용 링크가 돌아 갔음
    5. popstate 이벤트 처리기를 설정하면 사용자가 뒤로를 눌렀을 때 올바른 내용이 렌더링됩니다.

    브라우저가 XHR, pushState 중 하나를 지원하지 않는 경우는 일반 링크 폴백 feature detection를 사용하는지 확인 등

    관련 문제