如何将一个HTML页面嵌套在另一个页面中

如何将一个HTML页面嵌套在另一个页面中,第1张

在asp页面中引用外部页面很简单,使用以下语句就可以:<!-- include file="要引用的页面" ->

但是在html 静态页面中引用外部页面则没那么方便,主要方法有:

1.使用框架来实现,但是那样占用线程较多,速度慢;

<IFRAME width=100% height=30 marginwidth=0 marginheight=0 SRC="header.htm" ></IFRAME>

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

2.使用. js脚本来实现

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

<script src="imp

ort.js"></script>

或<script src="import.asp"></script>,此时import.asp中的内容必须使用js输入才行。

如果你用此方法来包含像头部,导航条的话,它将不利于搜索引擎的搜集。

另外,编写js输出的内容代码较凌乱,容易出错。

3.下面是一种实现方法:

最好能有一种方法,就像asp页面包含其他页面时那样,用一小段包含语句就可以实现,不要将需要包含的内容出现在本页面内,而是分割出去到另外一个自己的页面。

<span ><IE:Download STYLE="behavior:url(#default#download)" />

<script>

function onDownloadDone(downData){

showImport1.innerHTML=downData

}

oDownload1.startDownload('top.htm',onDownloadDone)

</script>

注:包含的页面为 top.htm 只要把需要包含的页面改掉就可以了!其中id=showimport 不能改为其他,这种写法为一次包含一个文件。

4.<object>个人觉得此法方便比较好

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

5.Behavior的download方式

<span

<IE:Download STYLE="behavior:url(#default#download)" />

<script>

function onDownloadDone(downDate){

showImport.innerHTML=downDate

}

oDownload.startDownload('import.htm',onDownloadDone)

</script>

6、HTML中执行SSL

存在这种情况,主机只默认的是index.html,但是需要首页是动态的,除了上述方法,可以使用SSL

[!--#exec cgi="index.pl" --]

1、在服务器上打开“服务器端包含”

2、把你的静态文件扩展名改成:shtml

3、在文件中添加<!--#include file="你要包含的文件" -->

html文件嵌套,最简单的办法是使用SSI(Server Side

Include)技术,也就是在服务器端两个文件就被合并了。除了少数免费网页寄存服务外,几乎所有的网页寄存服务器都支持

SSI。这也是一个比较推荐的方法,它与ASP和ASP.NET网页使用的语法一模一样。如果网站管理员偏向使用PHP或JSP的话,语法会稍有不同。

对于不能使用SSI、ASP、ASP.NET、PHP和JSP等服务器端动态页面语言的情况,这里还将介绍两种客户端镶嵌的办法:JavaScript和iframe的方法。当这两种客户端的方法都有很大的弊病,一般不推荐使用。

HTML中的嵌套通常使用<iframe >标签,iframe 元素会创建包含另外一个文档的内联框架(即行内框架),所有浏览器都支持

使用方法示例:

a.html代码

<html>

<body>

<p style="color: #009F95">我是嵌入的HTML上面的标签</p>

<iframe src="b.html" frameBorder="0" width="900" scrolling="no" height="30px"></iframe>

<p style="color: #009F95">我是嵌入的HTML下面的标签</p>

</body>

</html>

b.html代码

<body>

<p>这里是页内被嵌入的HTML</p>

</body> 常用属性说明

frameborder  规定是否显示框架周围的边框。 1为显示 0为隐藏

scrolling         规定是否在 iframe 中显示滚动条。yes 为显示 no为不显示 auto会自动判断

src                  引用的HTML页面

width             定义 iframe 的宽度。

height            规定 iframe 的高度。

marginheight 定义 iframe 的顶部和底部的边距。

marginwidth  定义 iframe 的左侧和右侧的边距。

name             规定 iframe 的名称。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7416998.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存