在div中加载外部网页并调整高度

我试图用Jquery将外部网页加载到div（#siteloader）中，但我很难找出如何调整div的高度，以便重新调整大小适合外部网站的内容而不需要滚动条。我绝对不想使用iframe。在div中加载外部网页并调整高度

下面是代码：

<!doctype html> 
<html> 
    <meta charset="utf-8"> 
    <title>Load remote content into object element</title> 

    <style type="text/css"> 
    object { 
     width: 100%; 
    }  
    </style> 

    </head> 

    <body> 
     <div id="siteloader"></div> 

     <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
     <script> 
     $("#siteloader") 
      .html('<object data="https://system.netsuite.com/pages/customerlogin.jsp?country=US">'); 
     </script> 

    </body> 

</html>

任何帮助将不胜感激！

来源

2012-10-05 user1721584

我对iframe做了同样的事情。因为我已经控制了外部HTML我添加到页面函数set_iframe_height（W）P $（'＃iframe-element'）。height（w）; }并在嵌入式页面中添加了parent.set_iframe_height（$（'body'）。height（））; – galchen

如果你不特定的高度或宽度会自动扩展到合适的大小，我会建议，虽然，你设置一个max-height或max-width和overflow: hidden，这只是scenerios控制内容哪儿来的太大和超流隐藏将防止滚动条

来源

2012-10-05 16:39:53

在jQuery中，有一个名为.load（）的函数，不幸的是它不能用于检索任何跨域HTML。

您可以调用AJAX GET来检索HTML并将其放入div中。

或者你可以尝试这个mod：http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/

来源

2012-10-05 16:45:02

这不是你的div不是扩大，而是你object。尝试修复 - DEMO

html, body { 
    height: 100%; 
} 

div { 
    height: 99%; 
} 

object { 
    width: 100%; 
    min-height: 100%; 
}

来源

2012-10-05 16:45:53

在div中加载外部网页并调整高度

回答

相关问题