jQuery：在div中加载html页面

Question

I'm loading an html page inside a div using: 我正在使用以下方法在div中加载html页面：

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

the problem is that the loaded page is very small in display: the div is 500*500px but the page inside of it is only 100*100px , no matter what i do. 问题是加载的页面在显示中非常小：div为500*500px但其中的页面仅为100*100px ，无论我做什么。

please help me solve this thank you 请帮我解决这个谢谢

Answer 1

在object标签中使用width和height属性。

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

Answer 2

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

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

Answer 3

You can use Jquery load function. 您可以使用Jquery加载功能。 It will help you. 它会帮助你。
Here is the example:- 这是示例：

<!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 个解决方案

解决方案1
1 2016-06-11 12:48:34

解决方案2
1 已采纳 2016-06-11 12:50:28

解决方案3
0 2016-06-11 13:00:00

jQuery：在div中加载html页面

问题描述

3 个解决方案

解决方案1 1 2016-06-11 12:48:34

解决方案2 1 已采纳 2016-06-11 12:50:28

解决方案3 0 2016-06-11 13:00:00

解决方案1
1 2016-06-11 12:48:34

解决方案2
1 已采纳 2016-06-11 12:50:28

解决方案3
0 2016-06-11 13:00:00