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

html-css012

如何将一个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文件写入html代码即可。 最简单的方法就是新建一个记事本，然后在记事本里面写入自己的html代码，写完之后ctrl+shift+s另存为html文件，双击打开这个文件就可以自动在浏览器运行了。 不过初学者的话建议还是使用一些像DW这样的编辑器软件来辅助自己编写html代码。 --河南新华网络运营协会为您解答！

在html页面中引入另一个html页面的标签

1、用iframe标签

<iframe SRC="xxxx.html" ></iframe>

2、用object标签

<object data="xxxx.htm"></object>

3、behavior的download方式

例：

1.IFrame引入

[代码] <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>

2.<object>方法

[代码] <object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>

3.Behavior的download方法

[代码]

<span id=showImport></span>

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

function onDownloadDone(downDate){  showImport.innerHTML=downDate

}

oDownload.startDownload('import.htm',onDownloadDone)  </script>

超文本标记语言， 标准通用标记语言下的一个应用。“ 超文本 ”就是指页面内可以包含图片、 链接，甚至音乐、 程序等非文字元素。超文本标记语言的结构包括 “头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的 具体内容。