静态页面Demo项目，如何将header和footer 像PHP一样 include？
欢迎选择我的课程，让我们一起见证您的进步~~
把后缀改为shtml
a.js: <script type="text/html" id="abc"> aaaaaaaaaaaaaa </script> index.html: <script src="a.js"></script> <script>$('body').prepend($('#abc').html())</script>
1)在HTML页面中
<html> <head> <script type="text/javascript" src="script/page_global.js"></script> </head> <body> <p id="page_header">公共header</p> <p id="page_main">特定页面内容</p> <p id="page_footer">公共footer</p> </body> </html>
2)page_global.JS脚本
$(function(){ var footerHTML="静态HTML内容";//或者此部分内容通过AJAX动态load //$('#page_header').empty().html('~~~~公共Header内容~~~~'); //$('#page_footer').empty().html('~~~~公共Footer内容~~~~'); $('#page_header').html('~~~~公共Header内容~~~~'); $('#page_footer').html('~~~~公共Footer内容~~~~'); ));
希望能帮到你~~~
装个nginx，开启ssi
http://jade-lang.com/reference/includes/ 用jade写，支持include的。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
把后缀改为shtml
1)在HTML页面中
2)page_global.JS脚本
希望能帮到你~~~
装个nginx，开启ssi
http://jade-lang.com/reference/includes/
用jade写，支持include的。