Question

我正在尝试使用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>

对此的任何帮助将不胜感激！

Answer 1

不是div没有扩展，而是object。尝试解决这个问题 - DEMO

html, body {
    height: 100%;
}

div {
    height: 99%;
}

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

Answer 2

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

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

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

Answer 3

如果你没有具体的高度或宽度，它会自动扩展到合适的大小，我建议你设置一个max-height或max-width和overflow: hidden，这只是对于scenerios来控制内容过大的地方，并且隐藏的过流将阻止滚动条

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

3 个答案: