0

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

谢谢大家。

4

3 回答 3

2 
use jquery

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

      <body> 
         <div id="includedContent"></div>
      </body> 
    </html>
于 2013-06-27T17:27:34.657 回答
0

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

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

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

$(document).ready(function() {
    $("#contentDiv").load("part1.html");
});
于 2013-06-27T17:15:55.423 回答
0

这与 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">');
于 2013-06-27T17:33:11.147 回答