靜態(tài)HTML文件從外部調入HTML模板（如頭部、頁尾這些公共的部分）

1、使用Ajax動態(tài)拉取填充

$(document).ready(function(){ $('.top').load('topic-top.html'); $('.footer').load('topic-footer.html'); });

$(document).ready(function(){ $.ajax(function(){ url: url, //這里是靜態(tài)頁的地址 type: "GET",//靜態(tài)頁用get方法，否則服務器會報405錯誤 success: function(data){ var result = $(data).find('另一個html頁面中指定的一部分'); $('本頁面的ele').html(result); } }) )

2、服務端shtml包含

  • 首先科普一下什么是shtml
    --包含有嵌入式服務器包含命令的html文本，在被傳入瀏覽器之前，服務器會對shtml文檔進行完全的讀取、分析以及修改。
    --以shtml命名的文件中，使用了SSI的一些指令，可以在shtml文件中加入SSI指令，當客戶端訪問這些shtml文件時，服務器端會把這些shtml進行讀取和解析，把shtml中的SSI指令解釋出來。
    更多...

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/index.css" /> </head> <body> </body> </html>

3、使用node中間件，安裝html-loader

4、使用iframe

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容