文档章节

功能3 -- 基于jquery的load()实现多个.html静态页,引用同一个header.html和footer.html文件

o
 osc_fmg49rzg
发布于 2019/03/20 09:49
字数 128
阅读 12
收藏 0
<!DOCTYPE html><html><head><meta charset='utf-8'><title>引入html</title></head>

<body>

<!-- 引进的头部 -->
<header class="header"></header>


<!-- 每个页面的主代码 --> 
<p>···代码省略···</p>

<!-- 引入的尾部 -->  
<footer class="footer"></footer>

<script src="js/jquery.min.js"></script>
<script>
    $(function(){
        $(".header").load("header.html");
        $(".footer").load("footer.html");
    });
</script>
</body>
</html>

 

<!-- header.html页面 -->
<nav>
  <ul>
    <li>首页</li>
    <li>其他</li>   
  </ul>
</nav>

 

<!-- footer.html页面 -->
<div>
  <p>Copyright ©2018-2019 || 鲁ICP备17036706号</p>
<div>

 

 

源自:https://blog.csdn.net/qq_35393869/article/details/79803190

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。

暂无文章

如何在Ruby中生成随机字符串 - How to generate a random string in Ruby

问题: I'm currently generating an 8-character pseudo-random uppercase string for "A" .. "Z": 我目前正在为“ A” ..“ Z”生成一个8个字符的伪随机大写字符串: value = ""; 8.times{......

法国红酒甜
今天
20
0
Python中的mkdir -p功能[重复] - mkdir -p functionality in Python [duplicate]

问题: This question already has an answer here: 这个问题在这里已有答案: How can I safely create a nested directory? 如何安全地创建嵌套目录? 25 answers 25个答案 Is there a way...

技术盛宴
今天
15
0
原价500元的认证证书,限时免费考取!

本文作者:y****n 百度云智学院致力于为百度ABC战略(人工智能、大数据、云计算)提供人才生态体系建设,包括基于百度ABC、IoT的课程体系,整合百度优势技术能力的深度学习技术、Apollo无人车...

百度开发者中心
昨天
17
0
在virtualenv中使用Python 3 - Using Python 3 in virtualenv

问题: Using virtualenv , I run my projects with the default version of Python (2.7). 使用virtualenv ,我使用默认版本的Python(2.7)运行项目。 On one project, I need to use Pyth......

富含淀粉
今天
16
0
Python的__init__和self是做什么的? - What __init__ and self do on Python?

问题: I'm learning the Python programming language and I've came across something I don't fully understand. 我正在学习Python编程语言,遇到了一些我不太了解的东西。 In a method ......

javail
今天
15
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部