如何将一个html页面中嵌入另一个html页面

html-css08

如何将一个html页面中嵌入另一个html页面,第1张

将一个html页面中嵌入另一个html页面步骤如下:

1、首先,要嵌入html并不一定要写js代码,如图使用iframe标签,设置其src属性即可。注意其scrolling="auto"以添加滚动条。另外,其width和height要单独设置。

2、其链接到的html页面内容如图所示。给其添加如图meta标签,增加自动刷新功能。

3、在Python编写的httpserver中(Tornado),这两个url的请求都要处理。以本程序为例,用户浏览器载入main以后,main页面中的iframe标签会自动载入todolist。

4、如图是通过浏览器访问main页面,可以看到下面的框框中显示的就是todolist页面的内容。

5、另外,其右侧自带滚动条,而且这个潜入的页面设置了自动刷新,会时刻保持更新。

6、如果关闭了httpserver,会看到如簇所示情况,嵌入的页面刷新失败。但是main页面没有自动刷新,无影响。

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 的名称。

使用方法示例:Iframe:<iframe src="top1.html" frameBorder="0" width="900" scrolling="no" height="90"></iframe>2、Behavior的download方式<span id=show></span><IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" /><script>function onDownloadDone(downDate){showImport.innerHTML=downDate} oDownload.startDownload('b.htm',onDownloadDone)</script>

内容拓展:

一、HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。

二、浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。

三、HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点------就是一种URL指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。

四、由此可见,网页的本质就是HTML,通过结合使用其他的Web技术(如:脚本语言、CGI、组件等),可以创造出功能强大的网页。因而,HTML是Web编程的基础,也就是说万维网是建立在超文本基础之上的。