文档章节

How TO - Include HTML

Geek-S
 Geek-S
发布于 2016/06/08 14:21
字数 229
阅读 136
收藏 0

        在前端开发过程中,有部分通用的页面<节点>,如header/footer etc...,但是HTML没有提供引入页面的节点和方法,所有只能每个页面都将代码冗余这部分代码,但是这不仅对于前端开发者来说是一个工作量,对于后端整合人员,更是需要通过删除冗余代码,抽出通用部分,再进行引用,所有,很有必要通过某种方式使让前端可以直接抽成通用部分。

0.通过Jquery来操作节点:

main.html

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#includedContent").load("content.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="includedContent"></div>
  </body> 
</html>

b.html

<p> This is my include file - content.html </p>

1.通过W3Data库进行引用<推荐>:

main.html

<!DOCTYPE html>
<html>
<script src="http://www.w3schools.com/lib/w3data.js"></script>

<body>

<div w3-include-html="content.html"></div> 

<script>
w3IncludeHTML();
</script>

</body>
</html>

content.html

<p> This is my include file - content.html </p>

Reference:http://www.w3schools.com/howto/howto_html_include.asp

© 著作权归作者所有

Geek-S
粉丝 13
博文 77
码字总数 18976
作品 0
大兴
程序员
私信 提问
基于ARM的智能灯光控制系统(8)设备添加

基于ARM的智能灯光控制系统(8)设备添加 设备添加页面 网页显示头文件(html.h) 进程通信头文件(ipc.h) 设备添加页面程序(dev_add.c) 页面处理程序(devaddpost.c)...

中国神汉
2017/12/21
0
0
Django include 标签使用小结

标签允许在模板中包含其它的模板的内容。 标签的参数是所要包含的模板名称,可以是一个变量,也可以是用单/双引号硬编码的字符串。 每当在多个模板中出现相同的代码时,就应该考虑是否要使用...

zf-l
2017/11/06
2
0
关于swoole-crontab启动失败的问题

@ClownFish 你好,想跟你请教个问题: [root@iZ62qwvdhjbZ src]# php main.php -s start -d PHP Warning: include(/var/www/html/swoole/src/include/loadtask/swoole_process.class.php): ......

起个昵称吧
2016/03/02
636
1
div文字水平垂直居中 文字自动换行

<%@page contentType="text/html; charset=UTF-8" session="true" %> <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%> <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <%@inc......

随风而浮沉
2015/11/25
284
0
c实现cgi的编写

系统:OS X EI Capitan 首先配置apache对CGI的支持 编辑apache配置文件 取消注释 重启 apache 首先编写一个简单的CGI文件 此处博主写了一个简单的shell脚本,直接对.c文件进行检查并且用gcc编译...

eatnothing
2016/06/09
94
0

没有更多内容

加载失败,请刷新页面

加载更多

JS基础-该如何理解原型、原型链?

JS的原型、原型链一直是比较难理解的内容,不少初学者甚至有一定经验的老鸟都不一定能完全说清楚,更多的"很可能"是一知半解,而这部分内容又是JS的核心内容,想要技术进阶的话肯定不能对这个...

OBKoro1
今天
7
0
高防CDN的出现是为了解决网站的哪些问题?

高防CDN是为了更好的服务网络而出现的,是通过高防DNS来实现的。高防CDN是通过智能化的系统判断来路,再反馈给用户,可以减轻用户使用过程的复杂程度。通过智能DNS解析,能让网站访问者连接到...

云漫网络Ruan
今天
14
0
OSChina 周一乱弹 —— 熟悉的味道,难道这就是恋爱的感觉

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @xiaoshiyue :好久没分享歌了分享张碧晨的单曲《今后我与自己流浪》 《今后我与自己流浪》- 张碧晨 手机党少年们想听歌,请使劲儿戳(这里)...

小小编辑
今天
3K
24
SpringBoot中 集成 redisTemplate 对 Redis 的操作(二)

SpringBoot中 集成 redisTemplate 对 Redis 的操作(二) List 类型的操作 1、 向列表左侧添加数据 Long leftPush = redisTemplate.opsForList().leftPush("name", name); 2、 向列表右......

TcWong
今天
46
0
排序––快速排序(二)

根据排序––快速排序(一)的描述,现准备写一个快速排序的主体框架: 1、首先需要设置一个枢轴元素即setPivot(int i); 2、然后需要与枢轴元素进行比较即int comparePivot(int j); 3、最后...

FAT_mt
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部