2017-02-23 93 views
0

大家晚安。 我想知道如何屁股页眉或页脚在HTML页面上: 我有我的index.html,然后其他HTML页面。几乎在每个页面中都使用相同的导航栏和页眉/页脚。我不希望继续每一个.html文件,并且每次改变时都要更改每个人和每个人的标题。因此,我想要一个header.html文件,然后将其包含在每个页面上,因此我只需编辑一个文件,然后更新其余文件。 我知道有人告诉我,我可以在PHP上做,但我想先在html上做,因为我希望不需要服务器来同时查看页面。 我搜索并尝试了我在互联网上看到的所有东西,例如href和其他东西,对我而言,它不起作用。 在此先感谢!网站开发包括标题

+0

http://stackoverflow.com/questions/18712338/make-header-and-footer-files-to-be-included-in-multiple-html-pages – Nick

+0

它没有工作...... 请帮助! http://prntscr.com/ecr3b1 –

回答

-1

这将要求您使用JavaScript或PHP来删除多个网页中的代码冗余。使用Javascript,你可以有一个空的具有id属性的div标签,并在一个事件HTML属性上附加一个JS方法,可能是onLoad。然后调用该事件onLoad=populate()一个JS方法,并在该方法中,你可以这样做document.getElementById("divID").innerHTML = 'HTML code here' 这是它会是什么样子:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
</head> 

<body onload='populate(example)'> 
    <div id="example"> </div> 

<script type="text/javascript"> 
    function populate(divID){ 
     document.getElementById(divID).innerHTML = "<h1> HELLO! </h1>" 
    } 
</script> 
</body> 

</html> 

您可以致电此header.js而不必在JS代码HTML文件,然后导入该脚本为多个HTML文档与1号线:

<script src="folder/to/header.js"></script> 

使用PHP,你会创建一个名为HeaderView模块,并包括到您的HomepageView.php文件。这取决于你在他们之间做出选择。 HTML和CSS纯粹是静态的,硬编码的网页。 JavaScript和/或PHP被用来使它们变成动态的。这种方法有点复杂。