iframe을 사용하여 웹 페이지의 일부를 표시하십시오.

Question

웹 페이지에 동적 테이블이 있으며 다른 페이지에서 해당 페이지를 호출하고 있습니다. 나는 전체 페이지가 아닌 그 테이블 만 표시하려고합니다. 그래서 스택 교환에 대한 다른 답변을 기반으로 코드를 작성했습니다. 하지만 여전히 전체 페이지를 보여줍니다. 표에 2 행만 있으면 2 행의 표와 전체 빈 페이지가 표시됩니다. 뭐가 잘못 됐는지 알아낼 수 없어요. 다른 방법이 있습니까? 두 페이지가 같은 서버에있는 경우

<script language="javascript" type="text/javascript"> 
function resizeIframe(obj) { 
obj.style.height = obj.contentWindow.document.getElementById("dvMain").offsetHeight + 'px'; 
// alert(obj.style.height); 
} 
</script> 


<iframe src="www.google.com" width="100%" marginwidth="0" marginheight="0" frameBorder="0" id="iframe" onload='javascript:resizeIframe(this);'> 
</iframe> 

Answer 1

function tableFromUrl(url, target, before){ 
    url is the file path, 
    target is an element to append the table to, if there are two arguments. 
    Or, if a third argument is true, insert the table before the target element. 
    try{ 
     var O= new XMLHttpRequest(), txt, 
     div= document.createElement('div'); 
     O.open('GET', url, true); 
     O.onreadystatechange= function(){ 
      if(O.readyState== 4 && O.status== 200){ 
       txt= O.responseText; 
       div.innerHTML=txt.substring(t.search(/<table/), t.search(/<\/table>/))+'</table>'; 
       if(before=== true) target.parentNode.insertBefore(div, target); 
       else target.appendChild(div); 
      } 
     } 
     O.send(null); 
    } 
    catch(er){ 
     //error handler 
    } 

}