正文

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

author  author  2023-04-17  414

关键词：

将一个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页面没有自动刷新，无影响。

参考技术A

将一个html页面中嵌入另一个html页面需要使用到iframe标签。

iframe标签用法：

扩展资料:

嵌入页面的几种方法：

一、应用框架技术

在页面中嵌入外部页面的方法是，在页面中包含外部页面的位置插入“< IFRAME name="XXX" width=X height=X frameborder=0 src="XXX.htm" >< /IFRAME >”语句即可。

如果想在嵌入的外部页面过长时不出现滚动条，在外部文件< body >标签中加入“scroll=no”或者在宿主页面< IFRAME >标签中加入“scrolling=no”即可。

但这样做会出现一个问题，就是宿主页面和外部页面背景色不同，这样会给人造成页面不是一个整体的感觉。这时，只要在引入的外部文件中使用和宿主页面相同的背景色就可以解决这一问题。

注意，如果您使用的是IE 5.5或以上版本的话，直接在标签< IFRAME >内设置属性allowTransparency="true"(即框架背景透明)即可。

二、使用Scriptlets组件技术

应用这种技术的方法是在宿主页面中包含外部页面的位置插入“< OBJECT style="border: 0px" type="text/x-scriptlet" data="XXX.htm" width=X Height=X >< /OBJECT >”语句即可。

在IE 5.0及以后版本中，scriptlets和Html组件(HTCs)被重新命名为Windows脚本编程组件(WSC)，其特点类似于上文所讲的框架技术。它有自己的不透明方形区域，并覆盖在宿主页面上，因此不能很平滑地用于具有纹理背景的宿主页面中，其工作方式类似于ActiveX控件，具有自己独立的事件、方法和属性。

三、使用脚本文件技术

document.write方法可以在宿主页面中输出内容，这样就可以通过在宿主页面中引入外部脚本文件来达到嵌入外部页面的目的。方法是在宿主页面中包含外部页面的位置插入“< SCRIPT language="JavaScript" src="import.js" >< /SCRIPT >”，然后对外部页面进行改造，将每一行内容写入document.write中，并另外保存在扩展名为js的新文件中。

这种方法的特点是外部页面不具有自己的方形区域，和宿主页面浑然一体，但由于外部页面内容全部写在脚本中，无法做到所见即所得，必须等到脚本运行时才能看到实际效果，这样就为修改调试增加了困难。

参考资料来源：百度百科:内嵌框架

参考技术B

可以用以下编程方式做到：

1、Iframe：

2、Behavior的download方式

function onDownloadDone(downDate)showImport.innerHTML=downDate

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

扩展资料：

网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，您的网站就是由网页组成的，如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。

网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一“页”，是超文本标记语言格式（标准通用标记语言的一个应用，文件扩展名为.html或.htm）。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。

超链接：超链接是从一个网页指向另一个目的端的链接，超链界的目的端可以是网页，也可以是图片、电子邮件地址、文件和程序等。（标准的“换页”反应。分为URL、URI、URN）。

参考资料：html百度百科

参考技术C

1. SSI (Server Side Include)
SSI是一种简单的动态网页制作技术，但是有些服务器要求网页文件扩展名为.shtml才能识别文件中SSI命令。同一路径下的其他页面文件要包含footer.html的SSI命令是：

<!- #include virtual="footer.html" ->

2. PHP

如果你的服务器支持PHP的话，用PHP引用footer.html文件的写法如下：

<?php include("footer.html"); ?>

3. ASP和ASP.NET

如果你使用的是老式的ASP，则语法是与上面SSI一样的，不需要任何修改，只要把命令所在文件的扩展名改为.asp即可。嵌入代码如下:

<%Response.WriteFile ("footer.html")%>

4. JSP （Java Server Page)

JSP文件需要在基于Java的服务器上运行，比如Apache Tomcat。JSP包含文件的语法是：

<%@ include file="footer.html" %>

参考技术D 使用框架：<iframe src="index2.html"></iframe>
src的值即为需要嵌入的另一个页面的地址！
它的一些属性可以参考一下：

http://www.w3school.com.cn/tags/tag_iframe.asp本回答被提问者和网友采纳

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

一在原页面嵌入其他页面 1、使用iframe框架客户端页面嵌套可以使用iframe的方法，弊端是必须事先想好被嵌套的页面在首页中要占多大的位置。如果被嵌套页面太大，超过事先定义的宽度或高度，则首页会出现滚动条。这也... 查看详情

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

这个在做网页中常要用到，有些通用的内容可集中放在一个页面文件中，其它要用到这些内容的页面只需要包含（引用）这个通用文件即可。这样便于维护，如果有很多网页，当通用内容需要修改时，只改一个文件就可以了，不... 查看详情

网站开发进阶十如何将一个html页面嵌套在另一个页面中

如何将一个html页面嵌套在另一个页面中1.IFrame引入 <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME> 你会看到一查看详情

如何在一个html文件中嵌入另一个html文件

利用<iframe></iframe>来操作，如有A,B两个文件，现将A插入到B页面，操作如下：在B页面的<body></body>的开头或者结尾写入<iframesrc="a.html"></iframe>,具体位置按照自己的需求来写即可；如：<html><h... 查看详情

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

参考技术A用iframe就可以。比如，2.html要嵌套在1.html中。在要1.html要嵌套的位置添加以下代码：<iframesrc="1.htm"></iframe> 参考技术B<iframesrc="要嵌套的页面地址"scrolling="no"frameborder="0"height="... 查看详情

如何使用 Javascript 打开另一个 HTML 页面

】如何使用Javascript打开另一个HTML页面【英文标题】：HowtoopenanotherHTMLpageusingJavascript【发布时间】：2015-02-2418:52:55【问题描述】：我正在开发一个网站，并想通过在javascript中编写一些代码来减少页面数量。我在一个页面上有一个... 查看详情

通过使用 java 脚本，我如何将值从一个 html 页面传递到另一个 html 页面？ [复制]

】通过使用java脚本，我如何将值从一个html页面传递到另一个html页面？[复制]【英文标题】：Byusingjavascripthowcanipassvaluesfromonehtmlpagetoanotherhtmlpage?[duplicate]【发布时间】：2017-03-0205:58:34【问题描述】：使用javascript将值从一个html页... 查看详情

如何将值从一个 html 页面传递到 PHONEGAP 中的另一个 html 页面？

】如何将值从一个html页面传递到PHONEGAP中的另一个html页面？【英文标题】：howtopassvaluesfromonehtmlpagetotheotherhtmlpageinPHONEGAP?【发布时间】：2013-04-1319:01:32【问题描述】：我已经搜索了这个答案，我得到了2种回复，我发现我可以实... 查看详情

如何使用html将一个页面的值传递给另一个页面

】如何使用html将一个页面的值传递给另一个页面【英文标题】：howtopassvalueonepagetoanotherpageusinghtml【发布时间】：2015-12-0817:37:54【问题描述】：您好，我有一个在javascript中创建的定价表，我需要知道的是如何通过单击按钮使用jav... 查看详情

如何将用户重定向到另一个html页面的html页面上的“section”？(代码片段)

我有一个主网页-index.html有一个“#features”部分。我在另一个网页subpage.html上有一个后退按钮，它将用户重定向到index.html页面（我使用了onclick=“document.location=index.html”将用户重定向到index.html页面）当用户点击subpage.html页面上... 查看详情

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

我做了两个html页面，需要在一个页面中引入另一个页面，页面都是用的<div>标签弄的在html页面中引入另一个html页面的标签1、用iframe标签<iframeSRC="xxxx.html"></iframe> [代码]<IFRAMENAME="content_frame"width=... 查看详情

如何使用 HTML 按钮在 HTML 站点中从一个页面重定向到另一个页面 [重复]

】如何使用HTML按钮在HTML站点中从一个页面重定向到另一个页面[重复]【英文标题】：HowtoredirectfromonepagetoanotherinHTMLsiteusingHTMLbutton[duplicate]【发布时间】：2012-12-0400:23:27【问题描述】：可能重复：HowtomakeapageredirectusingJavascript?我有... 查看详情

怎样在一个html中嵌入另一个html页面

...嵌套通常使用<iframe>标签，iframe元素会创建包含另外一个文档的内联框架（即行内框架），所有浏览器都支持使用方法示例：a.html代码<html><body><pstyle="color:#009F95;">我是嵌入的HTML上面的标签</p><ifram... 查看详情

Thymeleaf：如何使按钮链接到另一个 html 页面？

】Thymeleaf：如何使按钮链接到另一个html页面？【英文标题】：Thymeleaf:Howtomakeabuttonlinktoanotherhtmlpage?【发布时间】：2018-02-2306:18:11【问题描述】：我的html页面中有一个输入按钮。我想用thymeleaf将按钮链接到另一个html页面。这是我... 查看详情

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

参考技术A在html页面中引入另一个html页面的标签1、用iframe标签<iframeSRC="xxxx.html"></iframe> [代码]<IFRAMENAME="content_frame"width=100%height=30marginwidth=0marginheight=0SRC="import.htm"></IFRAME>2、用object标签... 查看详情

如何将流式 rtsp 媒体嵌入到 html5 页面中

】如何将流式rtsp媒体嵌入到html5页面中【英文标题】：Howtoembedstreamingrtspmediaintoanhtml5page【发布时间】：2018-02-0218:04:55【问题描述】：我有一个通过rtsp发送的安全摄像头，我可以在vlc播放器上捕获它，但我想将它嵌入到我的网页... 查看详情

在一个页面中嵌入另一个页面使用iframe，但是被嵌入页面需要通过request传递参数应该如何实现？

参考技术A不清楚你是不是说的jsp里边的参数传递如果你要在两个静态父子对象的页面传递参数，你可以用parent来得到是这么做的：parent.html中设置一个hidden控件id为xx_info(正常用时style="display:block;改成style="display:none;)<bod... 查看详情