在写页面的时候,有些东西是一样的,比如头部的导航或者尾部的标注。所以复用的东西可以写到一个文件中,之后再引入,angularjs或是jsp中都有很好的标签引入,而html没有,但是可以借助一些方式进行引入。

angularjs文件引入

 angularjs 头部引入
<head><% include configHead.ejs %><title>后台管理</title>
</head>

angularjs 尾部或中部引入
<% include homeFooter.ejs %>

jsp文件引入
<%@ include file="文件名" %>//(等于是将两个jsp合并为一个jsp)或
<jsp:include page="文件名">//(相当于将两个jsp执行后的内容合并成一个页面)

html文件引入

(1)Js方法  引入homeHeader.html和homeFooter.html,div使用class引入

<script type="text/javascript">$(document).ready(function () {$('.configHead').load('homeHeader.html');$('.configFoot').load('homeFooter.html');});</script></head><body><header><div class="configHead">

(2)iframe引入 

<iframe name="" frameborder="0" scrolling="no" marginwidth="0" marginheight="0"  width="100%" height="170" src="homeFooter.html"></iframe>

(3)css引入

可以在css定义某个class,将所需要添加的东西负载上去,之后引用该class就可以了


转载于:https://www.cnblogs.com/liziyou/p/6437701.html

html引入另一个html相关推荐

  1. SLP是最近在BCH中引入的一个功能,它允许创建定制令牌。

    据cryptobriefing报道,Bitcoin.com宣布,计划推出一个新的中心化加密货币交易所.承诺的功能包括用户友好的界面,易于导航,高流动性和强大的匹配引擎.该平台定于9月2日开始交易,以B ...

  2. HTML页面引入另一个HTML页面,比如各个页面引入通用的网站头部、尾部、导航栏

    1. 使用HTML的link标签import另一个HTML页面 1.1 在HTML页面的<head>标签内使用<link>标签引入另一个HTML页面("centerH ...

  3. 引入了一个IO多路复用模型

    我们前面讲的非阻塞仍然需要进程不断的轮询重试.能不能实现当数据可读了以后给程序一个通知呢?所以这里引入了一个IO多路复用模型,I/O多路复用的本质是通过一种机制(系统内核缓冲I/O数据),让单个进程可 ...

  4. html里面怎么引别的页面_如何在一个html文件中引入另一个html文件?

    展开全部 在html页面中引入另一个html页面的标签 1.32313133353236313431303231363533e58685e5aeb931333365633864用iframe标签 2. ...

  5. xml引入另一个xml文件_什么是XML文件(以及如何打开一个XML文件)?

    xml引入另一个xml文件 A file with the .xml file extension is an Extensible Markup Language (XML) file. These ...

  6. android studio引入lib,Android studio项目引入另外一个项目做为Lib

    Android studio项目引入另外一个项目做为Libary 方法一:使用Android studio 导入lib项目: 注意: lib项目更改处:html 在build.gradle 文件下 将 ...

  7. CSS文件引入另一个CSS文件

    1在HTML中引入css的其中的两个方法 1.1 使用链接式 <link href="style.css" rel="stylesheet" type=& ...

  8. thymeleaf模板 在html中引入另一个html

    thymeleaf模板 在html中引入另一个html 1.这是一个 head.html 页面 <!DOCTYPE html> <html xmlns:th="http:/ ...

  9. 如何在一个html页面中引入另一个html页面

    1.分别写出两个html页面01.html和02.html <!DOCTYPE html> <html lang="en"> <head>< ...

  10. 一个JSP页面引入另一个JSP页面

    JSP文件中引入另一个JSP JSP include 指令 JSP include 动作 静态导入与动态导入 1.什么是静态导入 2.什么是动态导入 总结 指令与动作: 静态导入和动态导入区别 附:当 ...

最新文章

  1. 买房签定金合同或转让合同之前需要了解到的一些问题
  2. SQL Server 创建约束图解 唯一 主键
  3. Java对【JSON数据的解析】--fastjson解析法
  4. struts声明式异常
  5. C++中的 smart pointer 四个智能指针
  6. android中ActionBar的几个属性
  7. lua mysql 存储类型_Lua学习----Lua基础数据类型
  8. WebSocket 测试
  9. gem install mysql2的时候出现的错误
  10. SQL Server中使用索引性能的比较
  11. 用php的ob_start()控制浏览器cache
  12. 190525每日一句
  13. Reeder的本地使用
  14. html文字和图片垂直居中,css如何让图片和文字垂直居中?
  15. N卡所有旧版本驱动下载(2021年6月3日测试可用版)
  16. 如何批量去除图片水印?批量去水印方法
  17. 有限差分方法的matlab编程,有限差分方法的MATLAB编程(1)
  18. Python爬取简单网页内容
  19. FineUI大版本升级,外置ExtJS库、去AXD化、表格合计行、表格可编辑单元格的增删改、顶部菜单框架...
  20. Python第三章总结

热门文章

  1. Unity3d Time的使用
  2. 记录一次Socket编程:OutputStream的flush方法
  3. hdu1058(dp||优先队列)
  4. hdu6380(2018 “百度之星”程序设计大赛 - 初赛(B))
  5. Tensorflow Day19 Denoising Autoencoder
  6. Tensorflow学习
  7. 品茗论道说广播(Broadcast内部机制讲解)
  8. Android MediaRecorder系统结构
  9. html用dom显示xml,dom 编程(html和xml)
  10. JZOJ 5230. 【NOIP2017模拟A组模拟8.5】队伍统计