0 0

index.html 怎么导入一个top.html 和footer.html呢?3

做了两个公共的html页面:top.html和footer.html 一个index.html页面怎么导入这两个html呢?

问题补充:
zhaoshunxin 写道
<IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="20120118152411.html" ></IFRAME>


<object style="border:0px" type="text/x-scriptlet" data="20120118152411.html" width=100% height=30></object>

设置一下宽高

不要告诉我这三个方法,我搜了N遍了 都用这个几个,我想类似jsp的include的方法,可行吗?
2012年1月19日 11:28

4个答案 按时间排序 按投票排序

0 0

  <body topmargin="0">
  <center>
<table width="80%" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2" align="center" height="94">
    <jsp:include flush="true" page="head.jsp"></jsp:include>
    </td>
  </tr>
  <tr>
    <td width="21%" align="center" height="185">
     <jsp:include flush="true" page="left.jsp"></jsp:include>
    </td>
    <td width="73%" valign="top" align="center">
     <jsp:include flush="true" page="right.jsp"></jsp:include>
    </td>
  </tr>
  <tr>
    <td colspan="2" align="center" height="62">
    <jsp:include flush="true" page="tail.jsp"></jsp:include>
    </td>
  </tr>
</table>
  </center>
  </body>

样式自己调。

2012年1月30日 11:16
0 0

如果服务器支持ssi

index.html ===> 改成 index.shtml

然后
<#include xxxx>

2012年1月21日 09:52
0 0

使用JQuery的load方法吧!
/*导入页面*/
$(document).ready(function(){
$(".top").load("top.html");
$(".footer").load("footer.html");
});
把他写入到js文件里,在需要的页面导入就可以了,

2012年1月19日 15:23
0 0

<IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="20120118152411.html" ></IFRAME>


<object style="border:0px" type="text/x-scriptlet" data="20120118152411.html" width=100% height=30></object>

设置一下宽高

2012年1月19日 12:35

相关推荐

    html5-yuansu.rar_h5周期表_h5超炫元素表_html yuansu_www.5/yuansu.com_元素周期

    总的来说,HTML5周期表是一个富有创意的学习工具,它将枯燥的HTML元素学习变得生动有趣,通过直观的视觉呈现和动态效果,帮助开发者和初学者更好地掌握和记忆HTML5的新特性。如果你对HTML5感兴趣,这个压缩包中的...

    html5 个人网站源码

    此“html5个人网站源码”是一个理想的起点,尤其是对于初学者,想要了解和掌握HTML5的核心特性的实践应用。 首先,`index.html`是网站的主页面,它定义了网页的基本结构。HTML5引入了一些新的元素,如(页眉)、...

    39、html模板转换为twig模板1

    首先,我们创建一个基础模板(base.html.twig),它会包含页面的主要结构,如头部、内容、侧边栏和底部区块。在base.html.twig中,我们预先定义这些区块,以便子模板可以覆盖或扩展它们。例如,我们定义一个`title`...

    手机版在线学习视频教程网页模板

    本教程主要介绍一款基于HTML5技术的手机版在线学习视频教程网页模板,该模板适用于构建一个功能完善的移动学习平台。模板包含多个关键页面,为用户提供流畅的学习体验,包括课程浏览、视频观看、个人中心管理和交互...

    全新绿色精美网址发布页HTML单页源码

    总的来说,这个HTML单页源码是一个学习和实践HTML布局、样式设计和交互实现的好素材。无论是初学者还是经验丰富的开发者,都能从中获取灵感和代码片段,应用于自己的项目中。通过分析和修改这个源码,你可以进一步...

    天空蓝三栏个人博客模板_蓝色博客html三栏简洁纯色.rar

    总之,“天空蓝三栏个人博客模板”是一个包含必要资源的HTML网页设计项目,旨在提供一个易于定制和部署的个人博客框架,用户可以根据自己的需求进行内容替换和个性化调整。使用这个模板,个人博主可以快速搭建起一个...

    情人节程序员用HTML网页表白【做我女朋友】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript

    - **预加载器样式**:预加载器(preloader)是在网页完全加载之前显示的一个小动画或图形,用于提高用户体验。 ```css /* 预加载器 */ #page-wrapper.page-loading { overflow: hidden; } .preloader { ...

    棕色大图巧克力食品网站模板_棕色大图巧克力食品美味企业大图html简洁.rar

    这是一个关于创建巧克力食品网站模板的HTML资源包,主要包含了网页设计和布局所需的文件。这个模板以棕色为主题,可能为了体现巧克力的特色,因为棕色通常与巧克力的色调相吻合,营造出一种温馨、诱人的氛围。 首先...

    简单灰色标准博客模板_简单灰色标准博客.rar

    图片文件“header-photo.jpg”、“firefox-gray.jpg”、“footer-bottom.jpg”、“top-bg.jpg”、“header-bg.jpg”、“nav.jpg”和“content.jpg”用于增强页面视觉效果。这些通常是背景图像,如页眉、页脚、导航栏...

    HTML5 CSS3下雪奥运五环背景动画特效

    总之,“HTML5 CSS3下雪奥运五环背景动画特效”是一个展示现代Web技术能力的实例,它综合运用了HTML5的`&lt;canvas&gt;`、CSS3的动画和变换特性,以及JavaScript的动态效果处理,为网页创造出富有创意和互动性的视觉体验。

    JayBee5481.github.io.TOP

    【标题】"JayBee5481.github.io.TOP" 是一个个人网页项目,很可能是在GitHub Pages上托管的。GitHub Pages是GitHub提供的一项服务,允许用户免费发布静态网站,常被用于个人博客、项目展示或者文档分享。 【描述】...

    ECMALL模板文件列表

    通过以上详细的模板文件列表及其功能介绍,我们可以了解到ECMall 2.0 beta1版本中涵盖了丰富的页面设计,旨在为用户提供一个全面且功能强大的在线购物平台。这些模板不仅满足了基本的购物需求,还提供了丰富的个性化...

    html5全屏滚动实例 完美实现全屏滚动带动画

    例如,每个全屏滚动的“屏幕”可以封装在`&lt;section&gt;`标签内,每个部分代表一个独立的内容单元。 2. **CSS3定位与层叠上下文** 全屏滚动通常基于固定定位(`position: fixed`)来实现,这样可以让每个滚动屏始终...

    HTML5期末大作业【红色的电影售票平台网站】web前端 html+css+javascript网页设计实例 企业网站制作

    通过实际动手操作,学生能够加深对HTML、CSS以及JavaScript的理解,并学会如何构建一个完整的静态网页项目。 - **目标受众**: 主要面向大学阶段的学生,尤其是那些学习Web前端开发或相关课程的学生。 - **项目特点**...

    漂亮的图片博客模板_漂亮背景图片博客导航web20红色灰色.rar

    这个模板采用了Web 2.0的设计风格,结合了红色和灰色调,旨在为用户提供一个吸引眼球且易于导航的博客平台。Web 2.0是一个术语,代表了互联网上的互动性和富媒体内容的兴起,它通常涉及更加现代、动态和用户友好的...

    个性花纹背景CSS模板_个性花纹企业博客.rar

    10. `index.html` - 这是网站的主页面,包含了整个网页的HTML结构和内容,与CSS文件一起构成一个完整的工作页面。 综合以上,这个压缩包包含了一个具有个性花纹背景的企业博客模板的各个组成部分。设计师通过HTML...

    html5精美创意设计师个人简历主页模板

    在"Zp_demo.demohuo.top_45"这个压缩包中,可能包含了一个名为"index.html"的主文件,它是整个简历模板的核心,包含了HTML5结构和样式。其他可能的文件如"css"目录下的样式表文件和"img"目录下的图片资源,共同构成...

    一个笔记本展示的网页html源码

    【标题】"一个笔记本展示的网页html源码" 涉及的核心知识点是HTML和CSS在构建网页界面中的应用。HTML(HyperText Markup Language)是网页内容的基础结构语言,而CSS(Cascading Style Sheets)则负责定义这些内容的...

    食物食品博客模板_食物食品博客橙色导航标准.rar

    它包含了构建这样一个专业博客所需的基本元素和设计组件,特别是强调了橙色作为主要导航元素的颜色。下面将详细解释这些文件及其在构建网站时的作用。 首先,我们有“templatemo_style.css”,这是一个样式表文件,...

    漂亮的浅灰色博客模板_漂亮标准灰色博客web20.rar

    标题中的“漂亮的浅灰色博客模板_漂亮标准灰色博客web20.rar”暗示了这是一个用于创建博客网站的模板,设计风格以浅灰色为主,且符合Web2.0的设计规范。Web2.0通常指的是互联网上更加互动、用户参与度更高的第二代...

Global site tag (gtag.js) - Google Analytics