使用iframe显示网页的一部分

时间:2013-10-29 18:00:23

标签: javascript html iframe

我在网页上有一个动态表格,我在另一个应用程序上调用该页面。我试图单独显示该表而不是整个页面。所以我根据堆栈交换的其他一些答案编写了代码。但它仍显示整个页面。如果表只有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>

1 个答案:

答案 0 :(得分:0)

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
    }

}