javascript - 静态页面Demo项目，如何将header和footer 像PHP一样 include？
静态页面Demo项目，如何将header和footer 像PHP一样 include？
Heim > Fragen und Antworten > Hauptteil
静态页面Demo项目，如何将header和footer 像PHP一样 include？
怪我咯2017-04-10 15:32:53
a.js:
<script type="text/html" id="abc">
aaaaaaaaaaaaaa
</script>
index.html:
<script src="a.js"></script>
<script>$('body').prepend($('#abc').html())</script>
迷茫2017-04-10 15:32:53
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内容~~~~');
));
希望能帮到你~~~
