如何在另一个html文件中包含html文件

Question

我知道这个问题有很多答案，但我已经尝试了所有这些问题，但我无法解决这个问题。 我的具体问题是我有两个文件， index.html和part1.html ，我需要将part1.html包含到index.html 。

我尝试过使用：

.load() function of jquery.
<!--#include file="part1.shtml" -->
include with html like <!--#include file="part1.html" -->

但这解决了我的问题，为什么我需要呢？ 我有一个包含大量代码的页面，在这一刻几乎不可能工作。 为什么不使用服务器语言？ 我这样做，但我在R中使用一个名为shiny的框架，相信我的服务器语言不是解决方案xD。

当我使用.load()出现错误XMLHttpRequest cannot load file:///home/... Origin null is not allowed by Access-Control-Allow-Origin 。

谢谢大家。

Answer 1

use jquery

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

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

Answer 2

.load应该工作正常。 一个简单的例子，说你有以下div：

<div id="contentDiv"></div>

使用jQuery，您可以将单独的HTML文件加载到该div中：

$(document).ready(function() {
    $("#contentDiv").load("part1.html");
});

Answer 3

这与SOP（同源策略）有关，最近我遇到了同样的问题...所以我用过这个...希望你能这样做......这里是链接： http ： //jsfiddle.net/JKZ2h / 1 /我的HTML代码：

<li><a href="#" class="about-link">About&nbsp;Us</a></li>
<div class="bdy"></div>

我的js代码：

$('.about-link').click(function() {
$('.bdy').html('<iframe sandbox="allow-scripts allow-same-origin"  style="width:100%;height:435px;" src="http://www.erail.in/?R=12622"><iframe>');
})

甚至这适用于静态网页：这里面的任何功能...工作..：

$('.bdy').html('<object style="width:100%;height:435px;"data="http://www.jhsoftech.com/contactus.php">');

如何在另一个html文件中包含html文件

问题描述

3 个解决方案

解决方案1
2 2013-06-27 17:27:34

解决方案2
0 2013-06-27 17:15:55

解决方案3
0 2013-06-27 17:33:11

如何在另一个html文件中包含html文件

问题描述

3 个解决方案

解决方案1 2 2013-06-27 17:27:34

解决方案2 0 2013-06-27 17:15:55

解决方案3 0 2013-06-27 17:33:11

解决方案1
2 2013-06-27 17:27:34

解决方案2
0 2013-06-27 17:15:55

解决方案3
0 2013-06-27 17:33:11