將HTML片段添加到HTML中？

有沒有辦法將HTML從一個文件嵌入到另一個文件中？這對製作頁眉或頁腳非常有用，不需要在每個文件中粘貼相同的代碼。將HTML片段添加到HTML中？

2014-01-18 kyr

使用php include。 –

你使用哪種服務器語言？ – Zword

@VikasSangle，但有沒有辦法做到這一點沒有PHP？ – kyr

您可以通過使用jQuery的代碼中調用它們，將其插入您的網頁頭。

<head> 

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>  

<script> 
$(function(){ 
    $("#includedContent").load("/path/to/filename.html"); 
    }); 
</script> 

</head>

，您可以通過插入

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

來源

2014-01-18 13:22:09 user2997826

查看更新的代碼以在您的網頁中調用該文件！ – user2997826

這適用於PHP：

<?php 
    include("header.html"); 
?> 
<p>Here you can write your text</p> 
<?php 
    include("footer.html"); 
?>

這就是最簡單的工作

來源

2014-01-18 13:08:29

如果你不想使用PHP，你可以用一個樹枝發生器結合grunt，你將有嫩枝的力量（例如：包括，佈局繼承等）在您的HTML頁面。

然後用grunt build您將生成一個包含所有最終html頁面的dist文件夾。發電機的

例子：https://github.com/polem/generator-gruig

來源

2014-01-18 13:15:10 Tib

這是要走的路，但我使用Jade。 – undefined

在網頁的任意位置顯示它您可以考慮使用母版頁在asp.net或者使用iframe的在頁眉，頁腳和iframe駐留父母和內容被加載到子iframe中。

來源

2014-01-18 13:23:26

將HTML片段添加到HTML中？

回答

相關問題