一、引入页面几种方法
1.IFrame引入,看看下面的代码 
<iframe   frameborder=0   border=0   width=300   height=300   src="b.htm" mce_src="b.htm"></iframe> 
这种高度需要限制是个问题,但经过我不懈努力终于找到了iframe自适应高度方法:
<iframe name="lanrentuku" src="http://www.lanrentuku.com/" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no οnlοad="document.all['lanrentuku'].style.height=lanrentuku.document.body.scrollHeight" ></iframe>
2.<object>方式 
[ <object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>
3.Behavior的download方式 
<span id=showImport></span>
<IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" />
<script> 
function onDownloadDone(downDate){
showImport.innerHTML=downDate
oDownload.startDownload('import.htm',onDownloadDone)
</script>
4.使用JQuery的load方法吧!
<div class="top"></div>
<div class="footer"></div>
$(document).ready(function(){ 
$(".top").load("top.html"); 
$(".footer").load("footer.html"); 
}); 
这里本人用的最多的则是load  iframe 这两种;

转载于:https://www.cnblogs.com/xiaohuizhang/p/8880559.html

【前端开发】前端引入公共部分footer header的几种方法,及iframe自适应高度js相关推荐

  1. python移动端web开发代码_移动web前端开发,前端开发工作总结,移动端页面开发-我主页-一个前端程序猿的博客...

    热门推荐 html/css 一.escape和它们不是同一类简单来说,escape是对字符串(string)进行编码(而另外两种是对URL),作用是让它们在所有电脑上可读.编码之后的... 标签: 0 ...

  2. 大前端开发 前端如何开发 APP

    分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 做为一个 ...

  3. 前端开发时间格式的转换方法_开发人员投资时间而不浪费时间的10种方法

    前端开发时间格式的转换方法 In today's, in the past and probably in the future world - the time is more valuable t ...

  4. 前端开发---前端相关软件分享

    **接触前端开发半年多以来,用了不少的前端开发工具与一些前端开发有关的软件. 在这里我介绍下自己的前端开发相关的软件,这些都是我现在用的,用的比较方便顺手的.** HTML+CSS+Javascrip ...

  5. 前端html隐藏元素方式,CSS 隐藏元素的八种方法

    前言 总括: 本文详细讲述了在网页中用CSS隐藏元素的七种方法. 念念不忘,必有回响;有一口气,点一盏灯. 正文 说起隐藏元素我想每一个前端er都能说起几种,但能说全的我想就不是很多了.博主总结了几种 ...

  6. 改善C#公共程序类库质量的10种方法

    最近重构一套代码,运用以下几种方法,供参考. 1  公共方法尽可能的使用缓存 public static List<string> GetRegisteredCompany(){Strin ...

  7. 在软件开发中实施人工智能和敏捷管理的9种方法

    来源:mush博客 自1956年年成立以来,人工智能已经彻底改变了企业决策和部署资源的方式. 几十年来,人工智能通过帮助各行各业的企业蓬勃发展,证明了其价值.从汽车制造厂的机器人到预测货币和库存变动到 ...

  8. 前端页面如何引入公用的页面header和footer

    很多时候我们做网站开发的时候会遇到一个比较有趣的问题,那就是我们每个页面使用的footer和header,于是当然我们有办法在每个页面都相同的html标签,显然这样代码的复用程度是很低的,我们需要想到 ...

  9. 引入html页面比较,前端页面如何引入公用的页面header和footer

    很多时候我们做网站开发的时候会遇到一个比较有趣的问题,那就是我们每个页面使用的footer和header,于是当然我们有办法在每个页面都相同的html标签,显然这样代码的复用程度是很低的,我们需要想到 ...

最新文章

  1. [转]对贡献有激情,对回报有信心
  2. 【安全】免密登陆SQLSERVER 之 Token 窃取
  3. linux脚本开机自动执行脚本文件,如何让linux开机自动执行sata里头的脚本文件
  4. Appirater -- app中提示用户为app评价的提示框
  5. linux 编译 freescale arm 的gdb server
  6. 对上拉下拉电阻的作用作个总结(想了解的过来看看)(转载)
  7. 打印机共享无法正常打印的处理思路
  8. ES6——generator与yield
  9. mysql genlog 分析_使用mysqlsla 分析 mysql logs
  10. Memcached(四)Memcached的CAS协议
  11. nyist 2 括号配对问题
  12. Spring Boot入门(1)-第一个Spring Boot应用
  13. android深度探索第二章
  14. SystemVue介绍
  15. spring三大核心
  16. CorelDRAW 里面如何将文字调整成半透明的颜色
  17. 【Python web 开发】 bottle 简单教程 (四)
  18. 字幕助手 FastTitle 0.0.3 版本发布
  19. 练习2-6 编写一个函数setbits(x, p ,n, y),该函数返回对x执行下列操作后的结果值: 将x中从第p位开始的n个(二进制)位设置为y中最右边n位的值,x的其余各位保持不变。
  20. Springboot项目启动后自动在浏览器打开

热门文章

  1. go语言和python-新学语言,选GO还是Python
  2. Upload LABS Pass-1
  3. (最完美)小米手机5s的USB调试模式在哪里打开的方法
  4. Win8Metro(C#)数字图像处理--2.18图像平移变换
  5. awk分割列 输出时间相关
  6. 大数据工程师微职位学习分享
  7. ThreadPoolExecutor的应用和实现分析(中)—— 任务处理相关源码分析 线程利用(转)...
  8. .NET Core RSA 签名和验签(密钥为 16 进制编码)
  9. js判断复选框是否被选中
  10. 便携式办公套件LibreOffice Portable 4.0.1