1

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

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

4

3 回答 3

2

不是你的div不扩展，而是你的object. 尝试解决这个问题 -演示

html, body {
    height: 100%;
}

div {
    height: 99%;
}

object {
    width: 100%;
    min-height: 100%;
}
于 2012-10-05T16:45:53.613 回答
1

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

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

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

于 2012-10-05T16:45:02.473 回答
0

如果您不指定高度或宽度，它将自动扩展为适当的大小，但我建议您设置一个max-heightor max-widthand overflow: hidden，这只是为了让场景控制内容太大的位置，并且溢出隐藏会防止滚动条

于 2012-10-05T16:39:53.973 回答