`
younglibin
  • 浏览: 1211139 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

html引用html

 
阅读更多

今天制作微石异天为客户提供技术支持时发现,因为有不少的页面需要制作,都是html静态页面,但是考虑以后还要添加页面,那么涉及到相同的页头与页尾文件的修改将会是一个很麻烦的工程,于是就寻找与asp、php站点的调用页头(top or head)或页尾(foot or bottom)文件,以方便站点的修改与扩展。

 

 

 

Google一下,查到两个网友的博文,摘录学习一下:

1、如何在html页面中调用头文件和尾文件

如何在html页面中调用头文件和尾文件

网页的头文件及尾文件一般情况下可以统一,需要修改时如果一个页面页面的改会很麻烦,所以一般统一做好一个头文件top.htm或是head.htm,尾文件foot.htm或是bottom.html,然后在dreamweaver中修改,在每一个页面中进行调用这两个文件就可以实现一致。

实现形式可以通过iframe框架调用htm的形式实现,也可以通过js调用来实现。

以下为框架调用头尾文件的html代码:

 

调用头文件top.htm的代码:

<table width=”100%” border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<td>

<iframe scrolling=”no” align=”left” frameborder=”0″ src=”top.htm” width=”100%” height=”80″></iframe>

</td>

</tr>

</table>

 

调用尾文件foot.htm的代码:

<table width=”100%” border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<td>

<iframe scrolling=”no” align=”left” frameborder=”0″ src=”foot.htm” width=”100%” height=”80″></iframe>

</td>

</tr>

</table>

最后编辑: hillway 编辑于2007/04/05 18:19

 

2、HTML调用HTML页 (自http://web.wishetin.com)

建网站有好多时候在每一个网页都要使用同一的重复的地方,如每页的导航条、版权信息等。

例如做好了一个头文件页面,是html的,我想在别的页面(此页面也是html的)中调用这个页面,如何调用呢?

当这些内容需要修改时都是要统一修改的…

那如果每页每页的修改的话简直是…

其实在HTML中也可以像ASP以及其他脚本语言一样调用页面

<!–webbot bot=”Include” U-Include=”/Holmesian.html” TAG=”BODY” –>

<iframe frameborder=0 marginwidth=0 marginheight=0 scrolling=no src=”foot.html”></iframe>

这么一来很多事情都简单了

调用文件 html 文件 的代码 就是 在一个页面把另一个页面调用进来,有一种框架的效果

分享到:
评论

相关推荐

    HTML页面中调用delphi方法

    本文将深入探讨如何在HTML页面中调用Delphi的方法。 首先,我们需要理解这种交互的基本原理。通常,这种技术是通过ActiveX控件或WebBroker组件来实现的。ActiveX是Microsoft提出的一种技术,它允许在网页中嵌入可...

    HTML调用OCX控件

    在某些情况下,可能需要在VBA(Visual Basic for Applications)或VBScript中调用OCX控件。这通常发生在ActiveX控件被嵌入到Office文档或其他支持VBA的应用程序中。例如: ``` Dim ctrl As Object Set ctrl = ...

    HTML5 api 调用示例

    HTML5 API调用示例是现代网页开发中的关键部分,它极大地扩展了Web应用程序的功能,使其可以实现更多原生应用的特性。W3C(万维网联盟)是定义HTML5标准的权威组织,它的API规范为开发者提供了丰富的工具集,以创建...

    SVG与html的交互(svg的js与html的js互调用).pdf

    FunCallByHtmlJs 函数用于在 HTML 文件中调用 SVG 文件的 JS 函数,产生个消息框。Click 函数用于处理矩形的点击事件,当用户单击矩形时,它将设定 HTML 文件中的文本内容,并且调用 HTML 文件的 JS 函数 ...

    Java代码调用HTML5中的JS函数算法

    Java代码调用HTML5中的JS函数算法是一项关键技术,它使得服务器端能够直接操纵客户端的网页元素,提高用户体验,同时也为复杂业务逻辑提供了可能。下面我们将深入探讨这个话题。 首先,理解基本原理:Java通常运行...

    mfc程序调用html资源

    在MFC程序中调用HTML资源主要涉及两个方面:一是资源的加载与管理,二是使用Web浏览器控件来展示HTML内容。以下是对这部分内容的详细解析: #### 1. 资源的加载与管理 MFC支持将各种类型的资源嵌入到可执行文件中...

    自动给html文件内的引用资源增加版本号;JS自动版本生成

    自动给html文件内的引用资源增加版本号,环境是python2.7, 可以直接编辑.py文件,在里面设置忽略的引用。 在html内部查找style 和js 引用,并在文件名称后面加上 ?v=23452(随机)

    HTML 页面直接调用 php 文件的方法

    当我们需要在HTML页面中调用PHP文件时,通常是为了解决动态内容显示、数据交互或服务器端处理等问题。下面将详细介绍如何实现这一过程以及相关的知识点。 1. **内联调用**: HTML页面可以直接通过`&lt;form&gt;`标签提交...

    安卓html5调用

    【安卓HTML5调用】是Android应用程序开发中的一个重要概念,它涉及到移动应用与Web技术的融合,特别是HTML5这种强大的Web标准在移动端的运用。HTML5以其丰富的交互性、离线存储能力以及多媒体支持,为开发者提供了...

    echarts 图形数据调用 html 调用案例

    在这个"echarts 图形数据调用 html 调用案例"中,我们将探讨如何将 ECharts 集成到 HTML 页面中,以实现动态数据的图形化展示。 首先,我们需要在 HTML 文件中引入 ECharts 的库文件。在"echarts-4.1.0-release...

    c#调用openxml组件对html与word进行互相转换

    5. 插入图像:如果HTML中有图像,需要将它们保存到Word文档的媒体部分,并更新图像引用。 相反,将Word文档转换为HTML的过程则包括: 1. 打开Word文档:使用Open XML SDK打开WordprocessingDocument对象。 2. 遍历...

    winfrom中嵌套html,跟html的交互

    - **接收JavaScript的回调**:要在JavaScript中调用.NET代码,可以利用`window.external`对象。在HTML中定义一个JavaScript函数,然后通过`window.external.AdditionalMethod()`来调用.NET的方法。在C#中,你需要...

    Html5调用摄像头读取二维码(全部源码)

    在这个"Html5调用摄像头读取二维码(全部源码)"项目中,我们主要探讨的是如何利用HTML5的 getUserMedia API 和二维码识别库来实现在网页上直接通过摄像头扫描二维码的功能。 1. **getUserMedia API**: 这是...

    html5调用android

    HTML5调用Android是一种技术融合,它允许网页应用(基于HTML5)与移动设备的原生功能进行交互,如访问设备存储、相机、位置服务等。这种交互通常通过Android的WebView组件实现,WebView是一个可以加载和显示网页内容...

    【方法】html调用本地python程序进行交互 前后端交互.zip

    6. **安全考虑**:需要注意的是,直接在HTML中调用本地Python脚本可能存在安全风险,因为这可能允许恶意用户执行任意系统命令。因此,通常推荐使用服务器端的API接口来处理这类交互,以增加一层安全防护。 通过这种...

    在HTML中调用XML数据

    在HTML中调用XML数据。。希望大家可以看看研究一下。很有意思的东西

    利用html5技术加载天地图

    标题“利用HTML5技术加载天地图”涉及到的是在现代网页应用中如何集成并展示天地图这一地理信息系统...这个过程涵盖了地理定位、图形渲染、数据存储和Web服务调用等多个方面,体现了HTML5在现代GIS应用中的强大功能。

    Android原生java语句 和html js互相调用 传递参数

    在HTML文件(例如`index.html`)中,我们可以这样调用: ```html &lt;!DOCTYPE html&gt; &lt;html&gt; function callAndroidMethod() { var message = "你好,Android!"; window.android.getAndroidMessage(message)....

    纯html标签静态调用xml文件及xsl对xml文件的的显示修饰

    在本案例中,我们将探讨如何使用纯HTML标签静态调用XML文件,并利用XSL进行显示修饰,不依赖JavaScript等脚本语言。 首先,让我们了解HTML如何静态调用XML文件。这主要通过`&lt;object&gt;`或`&lt;iframe&gt;`标签实现。例如,...

Global site tag (gtag.js) - Google Analytics