내 홈페이지의 특정 공간에 페이지 추가

Question

이것은 내 첫 번째 질문입니다.

내 홈페이지의 특정 공간에 다른 페이지를로드하고 싶습니다. 나는 여러 번 JavaScript로 시도했지만 벽을 때렸다. 나는 iframe으로 할 수있다. 하지만 다른 방법이 있다면 생각 중입니다. 사용자가 링크를 클릭하면 페이지를로드하려고합니다.

내가이 비슷했던 방법 :

document.getElementById('aboutUs').onclick = function() { 

     document.getElementById('newDiv').style.display = "none"; 
     document.getElementById('iFrame').style.display = "block"; 
    } 

가 감사합니다!

Answer 1

정적 콘텐츠를로드하도록 요청해야합니다. 이 코드가 도움이 될 것입니다

희망

//A generic function to load the static page 
function loadContent(target, staticPageLoc) { 
    var r = new XMLHttpRequest(); // making request to load the static page 
    r.open("GET", staticPageLoc, true); 
    r.onreadystatechange = function() { 
    if (r.readyState != 4 || r.status != 200) return; 
    target.innerHTML = ""; // removing any previous content 
    target.innerHTML = r.responseText; // response will be the static page 
    }; 
    r.send(); 
} 

document.getElementById('aboutUs').onclick = function() { 
    loadContent(document.getElementById('id of dom element where page will load'), 'page path') 
} 

는 다른 방법으로 당신은 서버에서 실행하는 것이 더 jquery.load 기능 &를 탐색 할 수 있습니다 그렇지 않으면 당신은 당신이 문제에 직면하고 무엇 CORS