Question

让我假装我有一个html文件 - “ main.html ” ＆安培;另一个html文件“ content.html ”

我想在main上添加内容。我做了内容，

 content's - Width = window.innerWidth || root.clientWidth || body.clientWidth;
    Height = window.innerHeight || root.clientHeight || body.clientHeight;

内容是绝对的。我不知道主的高度宽度。

在主要部分我添加了身体部位 -

＆安培;这发生了 - enter image description here 这里的罐子来自内容＆amp;文本来自主..

问题是内容出现了自己的滚动条..

该怎么做......！？

Answer 1

要动态加载内容，您可以使用XMLHttpRequest()进行AJAX调用。

在这个例子中，一个url被传递给loadPage()函数，在该函数中返回加载的内容。

<!DOCTYPE html>
<html lang="en">
    <head>
        <script type="text/javascript">
            function loadPage(href)
            {
                var xmlhttp = new XMLHttpRequest();
                xmlhttp.open("GET", href, false);
                xmlhttp.send();
                return xmlhttp.responseText;
            }
        </script>
    </head>

    <body>
        <div onClick="document.getElementById('bottom').innerHTML = 
                      loadPage('content.html');">Home</div>

        <div id="bottom"></div>
    </body>

</html>

当点击包含“Home”文本的div元素时，它将id为“bottom”的div元素的html设置为在相同位置的“hello-world.html”文档中找到的内容。

<强> content.html

<p>Your content</p>

如何将html文件添加到另一个html文件中？

1 个答案: