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

html-css010

如何将一个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文件嵌套,最简单的办法是使用SSI(Server Side

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

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

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

用iframe框架,嵌套一个网页进去即可实现;很简单的;

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 以下是iframe的属性、值、描述 alignleftrighttopmiddlebottom不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。frameborder10规定是否显示框架周围的边框。heightpixels%规定 iframe 的高度。longdescURL规定一个页面,该页面包含了有关 iframe 的较长描述。marginheightpixels定义 iframe 的顶部和底部的边距。marginwidthpixels定义 iframe 的左侧和右侧的边距。nameframe_name规定 iframe 的名称。sandbox""allow-formsallow-same-originallow-scriptsallow-top-navigation启用一系列对 <iframe>中内容的额外限制。scrollingyesnoauto规定是否在 iframe 中显示滚动条。seamlessseamless规定 <iframe>看上去像是包含文档的一部分。srcURL规定在 iframe 中显示的文档的 URL。srcdocHTML_code规定在 <iframe>中显示的页面的 HTML 内容。widthpixels%定义 iframe 的宽度。根据属性修改你嵌套的网页内容;希望我的回答对你有所帮助;