我想创建共同的页眉和页脚页面,包括在几个html页面.

我想用javascript.有没有办法只使用html和JavaScript就可以做到这一点呢?

我想在另一个html页面中加载页眉和页脚页面.

推荐答案

您可以用jquery来实现这一点.

将此代码放入index.html

<html>
<head>
<title></title>
<script
    src="https://code.jquery.com/jquery-3.3.1.js"
    integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
    crossorigin="anonymous">
</script>
<script> 
$(function(){
  $("#header").load("header.html"); 
  $("#footer").load("footer.html"); 
});
</script> 
</head>
<body>
<div id="header"></div>
<!--Remaining section-->
<div id="footer"></div>
</body>
</html>

并将此代码放在header.htmlfooter.html中,与index.html相同的位置

<a href="http://www.google.com">click here for google</a>

现在,当您访问index.html时,您应该能够单击链接标记.

Html相关问答推荐

迪夫导航栏的一些组件显示在导航栏之外,有人能帮助我解决这个问题吗?

用完全透明的边框切割出圆圈?

R中的动态Webscraping

网格容器中的定心元件

如何在Vim中删除Html标签?

与窗高匹配的响应式正方形网格

如何在css中在span中绘制圆弧?

当div位于flexbox中时,如何使div的宽度与高度相同

带圆角帽的 CSS 部分边框

在Firefox中使用keySplines时,SVG: <animateMotion>不起作用

获取链接到功能的网页表单

CSS flex:0 0 auto创建了1像素的间隙

本地和在jsfiddle上页面工作正常,但在GitHub上无法运行.

如何使文本区域自动扩展到最大高度?

如何动态调整彼此重叠的两个 div 的大小,使它们在增长时保持相同的高度

暗模式转换器

辅助功能:alt 或 alt="" 用于装饰图像

当我希望它只横向滚动时,可滚动菜单也会上下移动

如何向弹出窗口添加 sanitize: false 选项?

是否有一种静态方式可以根据暗模式 Select 一张或另一张图像?