在写页面的时候，有些东西是一样的，比如头部的导航或者尾部的标注。所以复用的东西可以写到一个文件中，之后再引入，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文件引入

（１）Ｊｓ方法 　引入homeHeader.html和homeFooter.html，ｄｉｖ使用ｃｌａｓｓ引入

<script type="text/javascript">

        $(document).ready(function () {

            $('.configHead').load('homeHeader.html');

            $('.configFoot').load('homeFooter.html');

        });

    </script>

</head>

<body>

<header>

 <div class="configHead">

（２）iframe引入 

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

（3）css引入

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

												


											
html引入另一个html的更多相关文章
	

    
						
  1. JSP页面中引入另一个JSP页面
		
    一个JSP页面中引入另一个JSP页面,相当于把另一个JSP页面的内容复制到对应位置: <%@include file="date.jsp" %> 一般页面的top和bo ...
    
		
    2. 
						
  2. [转载]android工程中引入另一个工程中的资源
		
    原文地址:android工程中引入另一个工程中的资源作者:87fayuan 在项目中可能遇到这样的问题:项目过大,于是细分为N个子模块来做,每个模块都是不同的工程.涉及到activity传数据时,可以 ...
    
		
    3. 
						
  3. Android studio 一个项目引入另一个项目作为Libary
		
    1.在我们开发Android项目时,有时需要一个项目作为另一个项目的工具类的引用,这样就需要配置下,使得MyLibrary到MyApplication作为一个module. 我们直接截图上步骤: 1. ...
    
		
    4. 
						
  4. 一个jsp页面引入另一个jsp页面的三种方式 及静态引入和动态引入的区别
		
    转载下, 转载自:http://blog.csdn.net/fn_2015/article/details/70311495 1.第一种:jstl  import <c:import url=& ...
    
		
    5. 
						
  5. 傻瓜式的go modules的讲解和代码，及gomod能不能引入另一个gomod和gomod的use of internal package xxxx not allowed
		
    一 国内关于gomod的文章,哪怕是使用了百度 -csdn,依然全是理论,虽然golang的使用者大多是大神但是也有像我这样的的弱鸡是不是? 所以,我就写个傻瓜式教程了. github地址:https ...
    
		
    6. 
								
  6. Jsp页面中动态的引入另一个jsp，jsp:include路径是变量的实现
		
    1 问题描述 在页面搭建时,会有这样的需求,希望局部页面动态的引用另一个jsp.这里的"动态"的意思引用的jsp的路径是个变量.举个例子,我们希望局部页面可能是page1.jsp或 ...
    
		
    7. 
						
  7. 在html页面中引入另一个html页面
		
    我们在使用html编写一个网站的时候,通常情况下头部和尾部是相同的,如果一个网站的每个页面都把这些代码写一遍,不仅浪费时间,还显得重复代码很多,所以此时把重复的页面单独摘出来,在用到的时候从外部直接引 ...
    
		
    8. 
						
  8. __x__(14)0906第三天__<iframe> 内联框架  引入有一个外部html页面
		
    在现实开发中,不推荐使用内联框架,因为<iframe></iframe>中的内容不会被搜索引擎检索. 在特殊情况中,如内网项目,不用放在互联网上时,可以使用<iframe ...
    
		
    9. 
						
  9. maven项目怎么引入另一个maven项目
		
    yi      最近在做项目的时候,遇到多模块(mudul)开发,里面的maven包相互引用,刚开始不知道怎么导入,费了好大尽总算搞定了.把遇到的问题记录下. 1.怎么导入依赖的maven模块 选择I ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 编写自定义PE结构的程序(如何手写一个PE，高级编译器都是编译好的PE头部,例如MASM,TASM等，NASM,FASM是低级编译器.可以自定义结构)
			
    正在学PE结构...感谢个位大哥的文章和资料...这里先说声谢谢 一般高级编译器都是编译好的PE头部,例如MASM,TASM等一直都说NASM,FASM是低级编译器.可以自定义结构但是苦于无人发布相关 ...
    
			
    2. 
						
  2. Model drivern
			
    <s:hidden name="id" value="%{role.id}"></s:hidden> 其中的value传到后台是有类型的 ...
    
			
    3. 
						
  3. Codeforces Beta Round #25 (Div. 2 Only)E. Test
			
    E. Test time limit per test 2 seconds memory limit per test 256 megabytes input standard input outpu ...
    
			
    4. 
						
  4. css的书写规范，有哪些注意点
			
    一.框架为先,细节次之. 先写一些浮动,然后高与宽,然后再是细节方面的书写. 比如写一个浮动容器的样式,我们应该先让这个容器的框架被渲染出来,让大家看到基本的 网站框架.然后再再去渲染容器里面的内容. ...
    
			
    5. 
						
  5. YTU 1439: 2.4.5 Fractions to Decimals 分数化小数
			
    1439: 2.4.5 Fractions to Decimals 分数化小数 时间限制: 1 Sec  内存限制: 64 MB 提交: 194  解决: 13 题目描述 写一个程序,输入一个形如N/ ...
    
			
    6. 
						
  6. python读取一个英文文件，并记录每个单词出现的次数，降序输出
			
    对文中出现的句号,逗号和感叹号做了相应的处理 sorted排序函数用法: 按照value值降序排列: sorted(dict.items(),key=lambda k:k[1],reverse=Tru ...
    
			
    7. 
						
  7. PHP Framework MVC Benchmark 基准测试
			
    身边有朋友在用yaf框架,讨论的也声音也比较多,今天没事看鸟哥的博客,看到一篇现在PHP主流的几个框架性能对比,比较有意思,给大家分享一下! Yaf是用PHP扩展的形式写的一个PHP框架,也就是以C语 ...
    
			
    8. 
						
  8. C++ set和map的简单使用
			
    C++中的STL模板库的功能可谓相当强大.今天我们来简单说一下set和map的使用方法. 1.pair 我们先来说一下pair.pair定义在头文件<utility>中,其本身相当于一个已 ...
    
			
    9. 
						
  9. bzoj 2836 魔法树 —— 树链剖分
			
    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=2836 树链剖分裸题: 写码五分钟,调码两小时,RE不断,狂交二十五遍,终于找到一处小细节—— ...
    
			
    10. 
						
  10. jQuery测试结果
			
    您的回答: 1.下面哪种说法是正确的? 您的回答:jQuery 是 JavaScript 库 2.jQuery 使用 CSS 选择器来选取元素? 您的回答:正确 3.jQuery 的简写是? 您的回答 ...
    
			
    11.