Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML中的通用标题_Javascript_Html_Css_Header_Footer - Fatal编程技术网

Javascript HTML中的通用标题

Javascript HTML中的通用标题,javascript,html,css,header,footer,Javascript,Html,Css,Header,Footer,我想使用HTML/CSS/Javascript创建一个通用页眉(和页脚),这样,如果我将其更新为一个页面,它就会自动更新其余页面。我还想能够选择哪个链接显示了它的活动类。此外,我正在使用引导。以下是我需要满足的一些标准: 没有PHP 无服务器端(必须在github页面上工作) 提前谢谢大家, Albert也许可以试试Jekyll,这是一个生成静态页面的工具,也是githup页面处理个人页面的方式。您只需遵循文件结构并在文件中设置布局属性,然后就可以在页面中使用通用布局(包括页眉、页脚等) 这

我想使用HTML/CSS/Javascript创建一个通用页眉(和页脚),这样,如果我将其更新为一个页面,它就会自动更新其余页面。我还想能够选择哪个链接显示了它的活动类。此外,我正在使用引导。以下是我需要满足的一些标准:

  • 没有PHP
  • 无服务器端(必须在github页面上工作)
提前谢谢大家,


Albert

也许可以试试Jekyll,这是一个生成静态页面的工具,也是githup页面处理个人页面的方式。您只需遵循文件结构并在文件中设置布局属性,然后就可以在页面中使用通用布局(包括页眉、页脚等)


这里是到Jekyll的链接。

您可以使用jQuery
。加载
一个HTML文件:

HTML
或者,您可以使用
iframe
加载静态标题。有关可用技术的详细信息,请参阅。

您应该可以使用CSS来完成此操作-只要您在所有页面上始终使用相同的HTML。@user2182349我希望能够添加到标题的链接,并在其余页面上进行更新,但我看不到通过CSS来完成此操作的方法。你能澄清和/或举例说明吗?非常感谢。您计划在github页面上托管站点吗?@user2182349是的,我计划使用github页面。
<div id="header"></div>
$('#header').load('static.html');