Question

我正在使用以下内容在div中加载html页面：

$("#page1").html('<object data="http://stackoverflow.com/">');

问题是加载的页面显示非常小：div为500*500px但其中的页面只有100*100px，无论我做什么。

请帮我解决这个问题谢谢

Answer 1

在width代码中使用height和object属性。

<object data="http://stackoverflow.com/" width="500" height="500">

Answer 2

创建对象时只需添加高度宽度：

$("#page1").html('<object width="100%" height="100%" data="http://stackoverflow.com/">');

Answer 3

您可以使用 Jquery加载功能。它会对你有所帮助这是一个例子： -

<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>Include</title>
        </head>
        <body>
            <div id="include"></div>
            <a id="link" href="#">Click Test Link</a>

            <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
            <script type="text/javascript"> 
                $("#link").click(function(){
                    $("#include").load("include/test.html"); 
                });
            </script> 
        </body>
    </html>

jquery：在div中加载html页面

3 个答案: