1、使用Ajax動(dòng)態(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方法，否則服務(wù)器會報(bào)405錯(cuò)誤 success: function(data){ var result = $(data).find('另一個(gè)html頁面中指定的一部分'); $('本頁面的ele').html(result); } }) )
2、服務(wù)端shtml包含
- 首先科普一下什么是shtml
--包含有嵌入式服務(wù)器包含命令的html文本，在被傳入瀏覽器之前，服務(wù)器會對shtml文檔進(jìn)行完全的讀取、分析以及修改。
--以shtml命名的文件中，使用了SSI的一些指令，可以在shtml文件中加入SSI指令，當(dāng)客戶端訪問這些shtml文件時(shí)，服務(wù)器端會把這些shtml進(jìn)行讀取和解析，把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
