한 페이지에 웹 사이트의 여러 부분을 저장하는 방법

-1

여러 페이지가있는 웹 사이트를 만들고 싶지만 고유 한 탐색 모음으로 인해 각 페이지의 새 파일에 간단히 연결할 수는 없습니다. 이것을 달성하는 가장 좋은 방법은 무엇입니까? 내가 생각할 수있는 몇 가지 가능성은 모두 한 페이지에 있지만, CSS와 자바 스크립트를 사용하여 다른 페이지를 화면 밖으로 이동하거나 iframe을 사용하고 자바 스크립트로로드하는 것입니다. 누군가 제게 몇 가지 예나 튜토리얼을 알려주시겠습니까?한 페이지에 웹 사이트의 여러 부분을 저장하는 방법

출처

2012-11-25 Stas Jaro

당신은 어떤 서버 측 프로그래밍 laguage를 사용하고 일을하거나 수행해야합니다 같은

<script> $(document).ready(function(){ $("iframe").remove(); $("body").append("<div id='page_container'></div>"); $("#navigation_bar a").click(function(e){ e.preventDefault(); $("#page_container").load("http://www.example.com/"+this.attr("href")); }); }); </script>

HTML이 보일 것이다 정적 사이트 만 있습니까? –

고유 탐색 메뉴가 있습니까? 정말? 많은 MVC 프레임 워크 중 하나 또는 단일 페이지 응용 프로그램 프레임 워크가 문제를 해결할 수 있습니다. 이에 대한 진정한 "해결책"은 없습니다. – epascarello

@KundanSinghChouhan : javascript, html 및 css를 사용하고 있습니다.하지만 서버 측없이이 작업을 수행 할 수 있다고 생각합니다. –

사용 jQuery를해야한다. 페이지가로드 될 분배기 (<div>) 만 있으면됩니다.

이렇게하면 다시로드하지 않고 페이지를로드합니다.

IFF (오타가 아님, "If and Only If"를 의미)는 자바 스크립트를 사용하지 않고 브라우저를 지원하려면 iFrame을 사용하지만 자바 스크립트에서는 iFrames를 사용하는 것이 매우 바람직하지 않으므로 브라우저에서 제거하십시오 .

<body> 
<nav> 
    <a href="link1.html" target="frame">Link1</a> 
    <a href="link2.html" target="frame">Link2</a> 
</nav> 
<iframe src="link1.html" name="frame"></iframe> 
</body>

테스트하지,하지만 개념은 (http://jsfiddle.net/Ns2Gx/)

출처

2012-11-25 05:40:47

iframe을 사용하는 것이 가장 좋습니다.

작은 iframe에 표시 할 페이지로 각 iframe의 src를 설정하십시오.

이 그들이 탐색에서 클릭 할로 페이지를로드하는 데 그것을

출처

2012-11-25 04:56:20

그래서 간단히 src를 새로운 .html 파일로 바꿀 수 있습니다. 또한 src를 변경하면 이전 iframe에서 사용한 리소스가 제거됩니까? –

부모 창에서 참조를 유지하지 않는 한 그렇습니다. – Igor

한 페이지에 웹 사이트의 여러 부분을 저장하는 방법

답변

관련 문제