我想要一个header.html,它定义了所有我的网页的头像是什么样子.如何将此header.html插入顶部的其他网页？
可能会有更好的方法来实现一个共同的标题来共享.因为我仍然认为自己是html的新手(但不是编程),我可以提出更好的建议.
谢谢.
编辑：有用的回复使用PHP提到.但是,我使用AngularJS作为前端,我的PHP后端只是一个纯粹的REST服务器.我喜欢做AngularJS的方式,而不是PHP的方式.
解决方法
AngularJS解决方案将如下所示：
<!DOCTYPE html> <html lang="en" ng-app="myApp"> <head> <script src='angular.js'></script> <script src='main.js'></script> </head> <body> <div ng-controller="HeaderCtrl"> <div ng-include src="header.url"></div> <script type="text/ng-template" id="header.html"></script> </div> </body> </html>
main.js：
var myApp = angular.module('myApp',[]);
function HeaderCtrl($scope) {
$scope.header = {name: "header.html",url: "header.html"};
}
header.html中：
<p> Header content goes here </p>
我没有简单地提出一个解决方案的原因,例如：< divng-include =“'header.html'”>是避免任何延迟加载头.有关更多信息,请查看angularjs – Point ng-include to a partial that contains a script directive.
或者,jQuery会这样.
<html>
<head>
<script src="jquery.js"></script>
<script>
$(function(){
$("#headerContent").load("header.html");
});
</script>
</head>
<body>
<div id="headerContent"></div>
</body>
</html>
<html>
<head>
</head>
<body>
<?PHP include('header.html'); ?>
</body>
</html>
祝你好运！
