1、使用Ajax动态拉取填充
$(document).ready(function(){ $('.top').load('topic-top.html'); $('.footer').load('topic-footer.html'); });
$(document).ready(function(){ $.ajax(function(){ url: url, //这里是静态页的地址 type: "GET",//静态页用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
