将html文件包含到另一个html文件中

时间:2010-07-08 19:37:59

标签: html

有人可以指导我如何使用html文件包含html文件。我一直试图将我的文件嵌入到对象标签中,但无济于事。

谢谢!

5 个答案:

答案 0 :(得分:4)

您可以使用iframe标记 另一种选择是使用SHTML使用服务器端包含,这需要Web服务器支持它,请参阅Server Side Includes

答案 1 :(得分:1)

HTML非常有限。您可以使用iframe标记,但它与在html网页中嵌入flash的嵌入方式相同。

OT:在PHP中很容易。你能用吗?或者你需要静态网页吗?

答案 2 :(得分:0)

你可以使用Javascript动态加载吗?

答案 3 :(得分:0)

您可以通过JQuery加载它,如下所示:Include another HTML file in a HTML file

a.html:

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function{
      $("#includedContent").load("b.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="includedContent"></div>
  </body> 
</html>

b.html:

<p> This is my include file </p>

答案 4 :(得分:0)

可能是这个帮助:

在js / utils.js内定义函数:

function loadFileSync(fileName) {
    var req = new XMLHttpRequest();
    req.open('GET', fileName, false);
    req.send(null);

    if (req.status === 200) {
        //console.log(req.responseText);
        return req.responseText
    } else 
        return "ERROR!!!"
}

function includeFile(fileName) {
    document.write(loadFileSync(fileName))
}

在主html文件中添加:

<script src="js/utils.js"></script>

<script> includeFile("navigation.html") </script>