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

我知道這個問題有很多答案，但我已經嘗試了所有方法，但無法解決此問題。我的具體問題是我有兩個文件，index.html和part1.html，我需要包括part1.html到index.html。如何在另一個html文件中包含html文件

我已經嘗試使用：

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

但是這解決了我的問題，爲什麼，所以我需要它？我有一個有很多代碼的頁面，在這個時候幾乎不可能工作。爲什麼不使用服務器語言？我這樣做，但我在一個名爲shiny的R框架中工作，並相信我的服務器語言不是解決方案xD。

當我使用時，出現錯誤XMLHttpRequest cannot load file:///home/... Origin null is not allowed by Access-Control-Allow-Origin。

謝謝大家。

來源

2013-06-27 user2029940

'.load（）'應該工作正常..mind張貼你已經嘗試過的一些代碼？ – tymeJV

jquery加載函數應該工作嗎？你可以添加代碼如何使用jquery加載函數加載html嗎？ –

您需要一臺服務器，而不是使用file：///加載它。 MAMP，WAMP或LAMP（分別適用於Mac，Windows或Linux）對谷歌來說是好東西。 –

.load應該工作正常。這方面的一個簡單的例子，假設你有以下的div：

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

使用jQuery，您可以將單獨的HTML文件加載到該分區：

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

來源

2013-06-27 17:15:55 tymeJV

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-27 17:27:34

這件事情做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-27 17:33:11 user2458719

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

回答

相關問題