内嵌网页除了 iframe 方法外，还有哪些方法？

开源

个人开源的leno-admin后台管理项目，前端技术栈：reactHooks、ant-design；后端技术栈：koa、mysql、redis，整个项目包含web端、electron客户端、mob移动端、template基础模板，能够满足你快速开发一整套后台管理项目；如果你觉得不错，就为作者点个✨star✨吧，你的支持就是对我最大的鼓励；

演示地址

文档地址

源码github地址

一、 iframe 标签

说明： 常被用来在当前 HTML 文档中嵌入另一个HTML文档。

代码案例：

// src 为链接地址 ，class需要给iframe设置长宽等样式，本质上iframe就是一个可以内嵌网页的盒子；

<iframe src="https://juejin.cn/" class="inline-page" />

缺点：

因为iframe等于打开一个新的网页，所有的JS/CSS全部加载一遍，内存会乘2倍，无法释放，典型的内存泄露；
移动端方面对iframe标签的支持不友好；

属性：

属性	值	描述
align	left right top middle bottom	HTML5 不支持。HTML 4.01 已废弃。规定如何根据周围的元素来对齐。
frameborder	1 0	HTML5 不支持。规定是否显示周围的边框。
height	pixels	规定的高度。
longdesc	URL	HTML5 不支持。规定一个页面，该页面包含了有关的较长描述。
marginheight	pixels	HTML5 不支持。规定的顶部和底部的边距。
marginwidth	pixels	HTML5 不支持。规定的左侧和右侧的边距。
name	name	规定的名称。
sandboxNew	"" allow-forms allow-same-origin allow-scripts allow-top-navigation	对的内容定义一系列额外的限制。
scrolling	yes no auto	HTML5 不支持。规定是否在中显示滚动条。
seamlessNew	seamless	规定看起来像是父文档中的一部分。
src	URL	规定在中显示的文档的 URL。
srcdocNew	HTML_code	规定页面中的 HTML 内容显示在中。
width	pixels	规定的宽度。

二、 object 标签

说明：标签是一个html标签，用于在网页中显示音频，视频，图像，PDF和Flash等多媒体；它通常用于嵌入由浏览器插件处理的Flash页面元素，如Flash和Java项目。它还可以用于在html页面内显示另一个网页。

代码案例：

<object class="inline-page" type="text/x-scriptlet" data="https://juejin.cn/" />

缺点：

浏览器兼容性稍差；

属性：

属性	值	描述
align	top bottom middle left right	HTML5 不支持。HTML 4.01 已废弃。规定元素相对于周围元素的对齐方式。
archive	URL	HTML5 不支持。由空格分隔的指向档案文件的 URL 列表。这些档案文件包含了与对象相关的资源。
border	pixels	HTML5 不支持。HTML 4.01 已废弃。规定周围的边框宽度。
classid	class_ID	HTML5 不支持。定义嵌入 Windows Registry 中或某个 URL 中的类的 ID 值，此属性可用来指定浏览器中包含的对象的位置，通常是一个 Java 类。
codebase	URL	HTML5 不支持。定义在何处可找到对象所需的代码，提供一个基准 URL。
codetype	MIME_type	HTML5 不支持。通过 classid 属性所引用的代码的 MIME 类型。
data	URL	规定对象使用的资源的 URL。
declare	declare	HTML5 不支持。定义该对象仅可被声明，但不能被创建或例示，直到该对象得到应用为止。
formNew	form_id	规定对象所属的一个或多个表单。
height	pixels	规定对象的高度。
hspace	pixels	HTML5 不支持。HTML 4.01 已废弃。规定对象左侧和右侧的空白。
name	name	为对象规定名称。
standby	text	HTML5 不支持。定义当对象正在加载时所显示的文本。
type	MIME_type	规定 data 属性中规定的数据的 MIME 类型。
usemap	#mapname	规定与对象一同使用的客户端图像映射的名称。
vspace	pixels	HTML5 不支持。HTML 4.01 已废弃。规定对象的顶部和底部的空白。
width	pixels	规定对象的宽度。

三. embed 标签

说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等，Netscape及新版的IE 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径。

代码案例：

    <embed type="text/x-scriptlet" src="https://juejin.cn/" width="640" height="480">

属性：

属性	值	描述
heightNew	pixels	规定嵌入内容的高度。
srcNew	URL	规定被嵌入内容的 URL。
typeNew	MIME_type	规定嵌入内容的 MIME 类型。注：MIME = Multipurpose Internet Mail Extensions。
widthNew	pixels	规定嵌入内容的宽度。