<iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src=”headhtm” height=120 width=1024></iframe>
<iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src=”foothtm” height=120 width=1024></iframe>你可以用html和js的代码转换器
把关于header和footer的html代码分别进行转换，转换成两个js文件；
然后再每个需要的html页面添加上该js就可以了
例：<script type='javascript' src='js/headerjs'></script>
这样的格式就可以了
需要用iframe标签
先把用到的标签样式写出来再分析
<!DOCTYPE>
<html>
<head>
</head>
<body>
<iframe src="tophtml" width="100%" height="464" scrolling="no"></iframe>
<iframe src="mainhtml" width="100%" height="800" scrolling="no"></iframe>
<!-- 其实这里应该是主体展示的内容，不同页面不一样，我们现在只把头部和底部单独拿出来讲解分析 -->
<iframe src="foothtml" width="100%" height="147" scrolling="no"></iframe>
</body>
</html>
一、我们看一下多个html文件
这里，把头部tophtml和底部foothtml两个单独写出来了，接下来就是如何把他们都写在indexhtml里面，确保在浏览首页的时候，页面调取正常
二、再看一下写在indexhtml里的位置和样式
中间是主体展示内容
三、需要注意的就是，调取tophtml和foothtml的时候要给width值和height值
不然，默认只会调出来左上角的一小块内容
总结一下：
单独的tophtml和foothtml里面的样式，页要保证完整性，截图说明
要确保这样的结构正常，而不是单单红框里的内容
这样做可以减少开发者的编辑量，又方便管理。
提示：一般导航都是独立做的，做独立文件时不需要html常规标签，也就是说不用，title标签，body标签，等等。不然在调用时可能会出现代码冲突。
编写好了以后怎么引用呢？
以下是asp引用代码。
<!--#include file="inc/headasp"-->
静态网页引用代码。
<iframe src=inc/headasp width=0 height=0></iframe>
inc是文件夹名称，headasp是文件名称。
frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。
<html><frameset cols="25%,50%,25%">
<frame src="/example/html/frame_ahtml">
<frame src="/example/html/frame_bhtml">
<frame src="/example/html/frame_chtml">
</frameset>
</html>
>
第二种方法，任何一门面向对象语言都可以实现。
用框架吧。 <iframe></iframe> html里是没有这种完全调用的方法。动态网页里是可以实现的。 比方说 asp net php 等都是可以实现的。
你遇到的那种问题可以通过dream 里的设置模板实现。 需改动的时候，只需要改动模板就可以了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）