美文网首页前端Web 前端开发
在静态页面中调用共有的部分,如头部和尾部

在静态页面中调用共有的部分,如头部和尾部

作者: 花花0825 | 来源:发表于2017-02-17 17:16 被阅读27次

最近一直在想一个问题,就是布局多个静态页面的时候,头部和尾部都是一样的时候,如果有头部或尾部有修改的时候,这下就是一件麻烦事了,就要一个页面一个页面的修改,页面要是少还可以接受,要是多的话,就头疼的节奏,我就想了解一下有没有什么方法可以解决这个问题的,就在网上找了很多,一般都是说后台调用,还有就是使用js和iframe引入,我之前使用过iframe,但是我不怎么喜欢使用iframe,可能是之前使用的方法不对,用的感觉样式调控好麻烦,所以就此有不喜欢的感觉。

我看到了使用js的方法,我就使用了这个方法试了一下,感觉挺简单的,但是不知道这样弄对后台有没有什么影响。

js方法:

html:

<div id="head"></div>

js:

$(function(){

         var htm = '<div class="head'>头部内容</div>';

        $("#head").append(htm);

)}

iframe方法:

新建一个html文件,

html:把共有的部分写在这个文件中,之后在页面中需要的部分使用iframe引入

<iframe src="head.html" ></iframe>

后台的方法:

新建一个html文件,

html:把共有的部分写在这个文件中,之后在页面中需要的部分使用include引入

<# include "/contorl/head.jsp"/>

如果有写错的地方多多指教

相关文章

  • 在静态页面中调用共有的部分,如头部和尾部

    最近一直在想一个问题,就是布局多个静态页面的时候,头部和尾部都是一样的时候,如果有头部或尾部有修改的时候,这下就是...

  • html5 标签 属性

    header 页面头部nav 导航栏footer 页面尾部 section 页面的部分article 页面正文内容...

  • h5

    一些标签 用在页面头部或板块头部 用在页面尾部或板块尾部 用于标签导航 标题组 用来划分区域 用来在页面中表示一套...

  • HTML公共文件引入

    在编写网页有多个页面时经常会用到很多公共的部分,如页面的头部导航、尾部信息等,如果每个页面都写一次太过繁琐造成代码...

  • 2.在HTML中使用JavaScript的两种方法

    在页面头部( 里面)或者尾部( 后面);方法一:直接把js代码写在html页面中 js内容 方法二:在页面中进行引...

  • 在RecyclerView中添加头部和尾部

    1. 界面 就是实现一个有头部、内容部分和底部的 RecyclerView,头部为置顶的公告,底部有一个按钮可以添...

  • CSS将当前页面高度分为100份—100vh

    做一个如下需求的页面,页面主体部分=屏幕高度 - 头部高度 - 尾部高度 CSS将当前页面高度分为100份—100...

  • CSS 两栏布局

    前端7班+余愿 两栏布局指的是,页面分为三部分,头部、中间、尾部。而中间部分又分为两部分,侧边栏和主要内容部分。侧...

  • java网站页面静态化方案加工具类代码

    1.概述 在大型网站中,如京东和当当商品详情界面,看到的页面基本上是静态页面。为什么都要把页面静态化呢?把页面静态...

  • 基于MJRefresh实现上拉刷新和下拉加载动画效果

    目录 1、 头部刷新动画2、尾部刷新动画 头部刷新动画 实现部分 尾部刷新动画 实现部分 本人个人微信公众号地址(...

网友评论

    本文标题:在静态页面中调用共有的部分,如头部和尾部

    本文链接:https://www.haomeiwen.com/subject/dmmkwttx.html