HTML引入外部文件,解决统一管理导航栏问题。

1.IFrame引入,看看下面的代码 
    <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME> 
   你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用 
    <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="import.htm" frameborder=0></iframe> 
   但你会发现还会有点问题,就是背景色不同,你只要在引入的文件import.htm中使用相同的背景色也可以,但如果你使用的是IE5.5的话,可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加入scroll=no

其实IFrame的致命缺点就是:

  拿导航来说,如果你的导航有下拉,那么你就告别IFrame标签了,因为它要设置高度,所以高度就是定死的,那么

  就无法显示导航。
   
   2.<object>方式 
   <代码> <object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>

Object的缺点也是如此:

  拿导航来说,如果你的导航有下拉,那么你就告别IFrame标签了,因为它要设置高度,所以高度就是定死的,那么

  就无法显示导航。和IFrame一样的问题。

4.Behavior的download方式 (此方法不错,include效果一致,可惜只适用IE)
<span id=showImport></span> 
<ie:download id="oDownload" style="behavior: url(#default#download)"></ie:download>
<script type="text/javascript">
function onDownloadDone(downDate)
{
     showImport.innerHTML=downDate
}
oDownload.startDownload(‘head.htm‘,onDownloadDone)
</script>

5.<script>
就是把相关的html文件转化为js文件,再在调用的时候用
<script src="import.js"></script>
很多CMS系统的广告模块都是这么实现的。
这个方法有点要注意的假如你是用来包含象头部、导航这些的话,建议不要用这个,不利于搜索引擎的搜集。主导航也尽量不要使用js,不利于搜索引擎对你的站点结构建立索引。

6.shtml
使用shtml中的inlude命令方式
比如:<!--#include file="import.htm" -->
这个和ASP方法类似,只不过扩展名变成了.shtml,但是要服务器支持。
另外注意一点,include 命令只是将被包含文件的内容直接插入到文档中,并不解释动态文件(如asp、php

时间: 2024-11-05 11:03:53

HTML引入外部文件,解决统一管理导航栏问题。的相关文章

统一设置导航栏与状态栏代码

统一设置导航栏与状态栏代码: #import "AppDelegate.h" #import "SZMMainTabBarController.h" @interface AppDelegate () @end @implementation AppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launch

【html】【2】html引入外部文件js css

1>引入js 我们只是写了简单必须的html标签,从未给标签添加点击事件,这次页面添加事件. >写入html页面,可以在<head>标签内  也可以在<body>标签内 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>小娜娜</title> 5 <script type="text/javascript"> 6 document.writ

控制JSP头部引入外部文件编译后在第一行

一.错误引入方法 假设当前需要在JSP页面输出xml格式数据,需要引入以下外部文件,通过以下的方式来引入则无法正常输出数据: 访问页面会报错误:xml的声明不在文档的第一行 看源码发现,确实xml的什么去到了第8行,前面7行为空格 为什么会这样?看正确的写法,一对比就知道了: 二.正确引入方法 注意红色下划线的地方,Java对外部文件,一行import会编译为一个空行,故会有前面的情况.按一下的,表明第一个import的文件和第二个import的文件是连着的,还在第一行. 此时xml格式正常 右

统一设置导航栏的皮肤颜色

+ (void)initialize{ UINavigationBar *bar = [UINavigationBar appearance]; //    [self buttonImageFromColor:[UIColor blackColor]] UIImage *image = [UIImage imageNamed:@"img_nav_topbar"]; [bar setBackgroundImage:image forBarMetrics:UIBarMetricsDefa

iframe中嵌套.xbap文件,去掉上部导航栏

当我们在iframe标签中嵌套一个.xbap的时候,页面上部会显示出一个导航栏,如何去掉它呢? 有两种方式: (1)我们可以加在xaml中: <Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="HomePage" ShowsNa

vue中引入外部文件js、css、img的方法

第一种方法,直接放到相对路径下,位置:./static/js/main.js,./static/css/main.css,./static/img/test.png 第二种方式: ES6的import方式引入,被引入文件test.js尾部加入 export default {    fn   }  //fn是被引入的方法:在main.js引入  import test from './assets/js/test.js'       Vue.prototype.$test= test; 全局引入

jmeter接口自动化 读取不到参数化文件 解决方法

最近在研究jmeter,把一些操作记录下来,我的测试群,喜欢的加511057741一起学习交流,熟悉常见抓包工具,Python编程,网络协议,LR,jmeter网络安全,环境搭建,接口自动化 jmeter做接口自动化的是,一定要用到引入外部文件 这里主要解决的是引入了csv文件之后,读取不到参数的解决 添加线程,添加请求断言结果等就不说了 这里说重点 1 点击浏览把写好的接口测试用例拿过来 2 利用excel写完接口测试用例之后,需要手动保存为csv格式,否则读取不到参数 3 测试用例有多少个字

引入CSS文件的@import与link的权重分析

我很少在CSS用到@import这个标签,最近看到一句话“link方式的样式的权重 高于@import的权重”,感觉不太对,@import只是一个引入外部文件而已,怎么会有高于link的权重呢?于是我比较懒,直接在一个静态页面里面测试了一下,分别把@import的样式放置在link的前面和后面测试,结果发现前面的被后面的link所覆盖,也就是说这个说法是错误的. 因而得出结论(只考虑html中样式文件的优先级): 当@import与内联样式一起时,内联样式>导入样式 除了第一种情况,其它时候以样

jsp、css中引入外部资源相对路径的问题

在jsp页面中添加base,可用相对路径: <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> 然后在<head>标签内添加base <base