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'">是为了避免加载标头时出现任何延迟。另外，jQuery也会这样。
<html> <head> <script src="jquery.js"></script> <script> $(function(){ $("#headerContent").load("header.html"); }); </script> </head> <body> <div id="headerContent"></div> </body> </html>最后，PHP解决方案将如下所示：
<html> <head> </head> <body> <?php include('header.html'); ?> </body> </html>祝你好运学习！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）