html包含html文件的方法基础教程_html菜鸟教程下载

我们在写asp页面的时候,常常使用include命令来包含公共文件。由于这个方法用起来非常方便,于是很多人在HTML页面里尝试使用include,但是发现根本就不起作用。这是因为,include是VBScript的命令,因此可以在asp页面里使用。而HTML静态页面被调用的时候并不经过asp解释器,而是直接发送到用户浏览器,因此include命令就无效了。对

html包含html文件的方法基础教程

我们在写asp页面的时候,常常使用include命令来包含公共文件。由于这个方法用起来非常方便,于是很多人在HTML页面里尝试使用include,但是发现根本就不起作用。这是因为,include是VBScript的命令,因此可以在asp页面里使用。而HTML静态页面被调用的时候并不经过asp解释器,而是直接发送到用户浏览器,因此include命令就无效了。
对于信息量较大的网站,通常我们都选择使用静态页面,否则数据库查询太频繁,服务器压力太大。但是过多的页面里面,如果不能用调用的方式将公共内容包含进去,那么一旦修改起来就太可怕了。include最大的价值就是因重用而易于维护。怎样才能在静态页面里也实现include的功能呢?最简单的办法,就是做asp后缀的静态页面——内容是静态的,页面保存成asp后缀的,这种方式对搜索引擎没有什么影响,实际运算量也并不大(因为虽然经过asp解释器,但是实际上几乎没有运算量)。如果您一定要做HTM后缀的静态页,那么还有下面这些方法可供替代。

html包含html文件的方法基础教程_html菜鸟教程下载

1.IFrame

这个可能是大家最熟悉的

<iframe. name="neepage" marginwidth="0" marginheight="0" src="import.htm" width="100%" height="30"></iframe>

加上它的一些属性可以实现一些透明,无滚动条等具体的效果.大家可以html教程的相关介绍

2.Frameset

<frameset> 标签定义框架集。它用于组织多个窗口(框架)。每个框架存在一个独立的文档。在最简单的应用中,frameset 元素仅仅声明框架集中存在的列或行的数目。

由于该标签对网页可用性的负面影响,在 HTML 5 中 <frameset> 标签没有得到支持。

<frameset></frameset>

3.object

<object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF

、 Flash  以及htm。  

<object type="text/x-scriptlet" data="import.htm" width=100% height=30></object>

4.Behavior的download方式

<ie:download id="oDownload"></ie:download>
<script>
function onDownloadDone(downDate){
showImport.innerHTML=downDate
}
oDownload.startDownload('import.htm',onDownloadDone)
</script>

5.<script>

就是把相关的html文件转化为js文件,再在调用的时候用

<script. src="import.js"></script>

很多CMS系统的广告模块都是这么实现的。
这个方法有点要注意的假如你是用来包含象头部、导航这些的话,建议不要用这个,不利于搜索引擎的搜集。主导航也尽量不要使用js,不利于搜索引擎对你的站点结构建立索引。

海计划公众号
(0)
上一篇 2020/03/20 23:48
下一篇 2020/03/20 23:48

您可能感兴趣的内容

  • 处理Linux文件的3个技巧入门百科_Linux入门基础

    Linux 提供了许多用于查找、计数和重命名文件的命令。这有一些有用的选择。Linux 提供了多种用于处理文件的命令,这些命令可以节省你的时间,并使你的工作不那么繁琐。查找文件当你查找文件时, find 可能会是第一个想到的命令,但是有时精心设计的 ls 命令会更好。想知道你昨天离开办公室回家前调用的脚本么?简单!使用 ls 命令并加上 -ltr 选项。最后

    2020/03/29
  • 如何正确选型,React Native 还是 Native?小白攻略_native入门知识

    随着 H5 标准的发布以及推广,使得移动应用的开发也受到了很大影响,出于效率、成本等原因,移动应用的开发不再完全依赖于 “原生”。近日越发火热的混合应用(Hybrid App)介于 Web 应用和原生应用之间,兼具了 “原生应用良好用户交互体验” 和 “Web 应用跨平台开发”的两大优势。而 Facebook 开源的 React Native 跨平台移动应用

    2020/03/29
  • 小程序批量监听输入框,对按钮样式进行控制小白基础_输入框基础知识教程

    在input组件上绑定data-model=”xxx” bindinput=”inputWatch”,监听输入框输入:<input placeholder="请输入6~12位密码" name="password" value="{{password}}" data-model="password" bindinput="inputWacth" type="

    2020/03/24
  • Qatrix小白基础_一款超轻量级JS框架

    Qatrix基础入门 官方网址:http://qatrix.com GitHub:https://github.com/catfan/Qatrix 简介描述:一款超轻量级JS框架 …

    2020/03/06
  • js键盘事件以及键盘事件拦截菜鸟教程_键盘基础知识入门

    一.键盘事件onkeydown: 按下键盘时触发onkeypress: 按下有值的键时触发注意: onkeypress按下 Ctrl、Alt、Shift、Meta 这样无值的键,这个事件不会触发对于有值的键,按下时先触发 keydown 事件,再触发这个事件onkeyup:松开键盘时触发该事件二.组合键ctrl相关alt相关meta (Mac键盘是一个四瓣的

    2020/03/23
  • 你和阿里员工的技术水平到底差几个等级零基础入门_技术入门基础教程

    根据近年数据,中国现有程序员500万左右,其中P1、P2数量占据了近100万,P8及以下程序员约有490万,P9及以上仅有10万。80后是企业的技术支柱,90后已开始逐步成为企业的中坚力量。BAT的大佬横行,业内的散客也不容小觑。90后有人在P4彻夜敲代码,也有人正迈入P8。目前并没有对程序员等级进行明确的划分,很多时候是参照BAT的程序员等级进行判定。P1

    2020/03/30
  • 整理经常在H5移动端开发遇到的知识菜鸟攻略_移动端零基础入门

    viewport、强制浏览器全屏、IOS的Web APP模式、可点击元素出现阴影(这个我觉得真没必要去掉,用户点击是需要反馈的,而这个背景色刚刚好提供了一种反馈)等等,太多啦,这些相信大家百度一下就可以查到很多资料本篇文章主要是讲一些其他的或者优化手段。内容不多1. 弹出数字键盘

    2020/03/23
  • canvas 环形图绘制攻略教程_canvas小白指南

    主要用到几个知识点1、lineCap:如何绘制每一条线段末端的属性。有3个可能的值,分别是:butt(线段末端以方形结束), round (线段末端圆形结束)and square(线段末端以方形结束,但是增加了一个宽度和线段相同,高度是线段厚度一半的矩形区域)。默认值是 butt。 2、圆弧起始点与结束点的设置在本里中设置方式 ctx.arc(110,

    2020/03/30
  • 15个有趣的Javascript 和CSS库小白指南_库入门基础教程

    我在Tutorialzine社区的任务就是让你了解到新兴和酷炫的web 开发趋势. 这就是为什么我们每个月都会精心挑选发布一些,偶然发现并且认为大家值得关注的库Direction Reveal这个插件可以检测到鼠标进入和离开”块(block)”的方向, 可以让你去实现一个酷炫的效果和过渡. 它提供了一些开箱即用 CSS 动画, 让你可以轻松地创建你自己的动画

    2020/04/05
  • 探索区块链的原理入门基础_区块链使用帮助

    之前经常听别人说,挖矿、比特币、区块链之类的东西,听起来好高大上呀,后来在网上了解相关知识,但是网上大部分都是转载,没一个能讲明白的,后来不知不觉接触到了一些易懂的点,所以今天整合一下,让大家彻彻底底的明白到底什么是区块链、什么是挖矿、什么是比特币。从头到尾都是小鹿三个小时的手动敲打,因为最近准备面试,写作的时间越来越少,但是我还是喜欢抽时间分享出来给各位读

    2020/03/30
  • 写给程序员的 HR 面试指南小白基础_面试使用说明

    首先这个问题是一个骨灰级问题,面试必问,很有必要认真探讨一下这个问题的答案。个人觉得可以从三方面来考虑回答(寻找新平台提升自己和表现出忠诚度和责任感) 在寻找新机会或新的平台首先,切记不要诋毁你的老东家。你应该把你的离职原因集中表述在“寻找新机会或新的平台”以及尝试在新的岗位上提升自己。当然,这样的回答对于一般职位的应聘者来说不会造成减分,但却不足以成为加

    2020/03/29
  • HTML5的<progress>标签怎么用?小白教程_标签菜鸟指南

    标签表示任务的进度(进程),例:可定义完成多少工作,还有多少工作可以下载等等。该标签可与JavaScript结合使用,来显示任务的进度,创建动态的进度条。注释: 标签不适合用来表示度量衡(例如,磁盘空间使用情况或查询结果)。如需表示度量衡,请使用 标签代替。语法:<progress value=""

    2020/03/24
  • 移动跨平台框架Flutter介绍和学习线路使用说明_Flutter基础入门

    Flutter简介Flutter是一款移动应用程序SDK,一份代码可以同时生成iOS和Android两个高性能、高保真的应用程序。Flutter目标是使开发人员能够交付在不同平台上都感觉自然流畅的高性能应用程序。我们兼容滚动行为、排版、图标等方面的差异。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。Flutt

    2020/03/30
  • Flutter基础–状态管理小白攻略_状态小白指南

    当我们使用编译器创建一个新Flutter应用的时候,我们可以在主界面看到两个小部件StatelessWidget和StatefulWidget。这是两个最常见使用最频繁的小部件了。StatelessWidget ,StatefulWidgetStatelessWidget 状态不可改变的,它内部的数值和UI都应该是常量不可改变StatefulWidget 状

    2020/03/24
  • vue项目接入mock&& axios 通用配置使用教程_接口基础入门

    前言兵马未动,粮草先行; 同理,项目开发过程中经常会出现接口未出, 前端页面已搭建完毕的情况;此时为了提高前端的开发效率,解放生产力,我们 FE 可以按照预定的接口文档做一些接口模拟的工作,等等后端小伙伴开发完接口后我们只需要替换一个接口基地址即可…初始准备这里已 vue 项目为例, 所需模块:mockjs, express; 直接 npm 进行安装即可

    2020/03/26
  • 数据库的选择:数据库种类那么多,该如何选择?菜鸟知识_数据库小白攻略

    技术真的是日新月异,Web 网站已经脱离之前的静态网站的体系,转而使用动态语言搭建的动态网站。这也衍生出一个问题:该如何存储数据了?数据库就应运而生,它的作用是提供存储数据的容器。方便 web 网站进行存储、查询、更新等。数据库种类也很多,有成熟且稳定的 MySql 数据库,有后起之秀的 MongoDB 数据库,也有新时代宠儿 Redis 数据库。除此之外,

    2020/04/03