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

【问题标题】：How do I include html file inside another html file如何在另一个 html 文件中包含 html 文件
【发布时间】：2013-06-25 07:36:42
【问题描述】：

我知道这个问题有很多答案，但我都试过了，但我无法解决这个问题。我的具体问题是我有两个文件，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。

谢谢大家。

【问题讨论】：

.load() 应该可以正常工作..介意发布一些您尝试过的代码吗？
jquery 加载功能应该可以工作吗？您可以添加代码如何使用 jquery 加载函数加载 html 吗？
您需要一个服务器，而不仅仅是使用 file:/// 加载它。 MAMP、WAMP 或 LAMP（分别适用于 Mac、Windows 或 Linux）对 google 来说都是好东西。

标签： javascript jquery html r shiny

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

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：

【解决方案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">');

【讨论】：