使用部分HTML創建完整的HTML文件

Question

我有一個主要的html頁面（index.html），並且需要動態組合幾個html文件(custom_header_page.html/ custom_content_page.html/ custom_footer_page.html)來構造該頁面頁面。

我正在尋找一種無需任何服務器端腳本編寫即可完成的方法。

例如：

custom_header_page.html

在此處輸入圖片說明

custom_body_page.html

在此處輸入圖片說明

custom_footer_page.html

在此處輸入圖片說明

只是對index.html文件中的內容感到厭倦，是的，它可以正確加載，但是我想用在“ custom_header.html”文件中添加的內容覆蓋index.html的<head> </head>內容。

index.html

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"> </script>
    <title>Title</title>
</head>
<body>

    <div id="custom_header"></div>

    <div id="custom_body"></div>

    <div id="custom_footer"></div>

    <script> 
        $(function(){
          $("#custom_header").load("custom_header_page.html"); 
          $("#custom_body").load("custom_body_page.html"); 
          $("#custom_footer").load("custom_footer_page.html"); 
        });
    </script>

</body>

Answer 1

您不能在不使用服務器端（例如php）的情況下編輯文件，可以使用jquery編輯html標頭，但這只能在本地瀏覽器上進行，其他用戶都不會改變。

使用部分HTML創建完整的HTML文件

問題描述

1 個解決方案

解決方案1
-2 2014-04-14 12:18:33

使用部分HTML創建完整的HTML文件

問題描述

1 個解決方案

解決方案1 -2 2014-04-14 12:18:33

解決方案1
-2 2014-04-14 12:18:33