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

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

jquery html web

Jquery 在div中加载外部网页并调整高度,jquery,html,web,Jquery,Html,Web,我正试图用Jquery将外部网页加载到div（#siteloader）中，但我很难弄清楚如何调整div的高度，以便在没有滚动条的情况下重新调整大小以适应外部网站的内容。我绝对不想使用iFrame 代码如下： <!doctype html> <html> <meta charset="utf-8"> <title>Load remote content into object element</title> &l

我正试图用Jquery将外部网页加载到div（#siteloader）中，但我很难弄清楚如何调整div的高度，以便在没有滚动条的情况下重新调整大小以适应外部网站的内容。我绝对不想使用iFrame

代码如下：

<!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>


将远程内容加载到对象元素中
反对{
宽度：100%；
}       
$（“#站点加载器”）
.html（“”）；

在此方面的任何帮助都将不胜感激

如果您不指定高度或宽度，它将自动扩展到适当的大小，我建议您设置

max height

或

max width

和

overflow:hidden

，这只是为了让scenerios控制内容太大的位置，而over flow hidden将阻止滚动条

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

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

或者你可以试试这个mod:

它不是你的

div

没有展开，而是你的

对象。设法解决这个问题-
我用iframe做了同样的事情。由于我可以控制外部HTML，因此我将其添加到页面函数集_iframe_height（w）P$（'#iframe element'）.height（w）；}在嵌入的页面中，我添加了parent.set_iframe_height（$（'body'）.height（）；
html, body {
    height: 100%;
}

div {
    height: 99%;
}

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