前言

之前公司使用的技术便是通过iframe组成微前端的页面，遇到过一些问题，这几天正好面试又被问到，特地总结一下。

主要缺点

大致为一下四点：

创建速度比一般的DOM元素慢1~2个数量级
阻塞页面加载。onload事件触发浏览器的“忙”指示，告诉用户网页加载完毕。使用iframe后需要等所有iframe加载完毕才会onload。在 Safari 和 Chrome 里，通过 JavaScript 动态设置 iframe 的 SRC 可以避免这种阻塞情况
唯一的连接池。浏览器只能开少量的连接到web服务器，大多数浏览器主页面和iframe会共享这些连接，iframe加载资源可能用光所有可用连接，阻塞主页面。通常iframe的内容不如主页面重要。一种解决办法是，在主页面上重要的元素加载完毕后，再动态设置 iframe 的 SRC
不利于SEO。搜索引擎的检索程序无法解读 iframe。另外，iframe 本身不是动态语言，样式和脚本都需要额外导入

iframe的局限性相关推荐

Iframe中跨域进行父子窗口进行通信的四种方法
一.跨域简介 1. 首先简单介绍一下什么是跨域当我们在浏览器的地址栏中输入一个地址的时候,这个地址通常包含四部分信息内容.这四部分信息包含:①协议.②域名.③端口.④资源位置. 其中前三部分将会决定 ...
h5 iframe嵌套页面_如何将一个HTML页面嵌套在另一个页面中
展开全部这个在做网页中常e69da5e887aa62616964757a686964616f31333339666636要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页面只需要 ...
机器学习入门（01）— 感知机概念、实现、局限性以及多层感知机
1. 感知机概念下图是一个接收两个输入信号的感知机的例子. x1 . x2 是输入信号, y 是输出信号, w1 . w2 是权重( w 是 weight 的首字母).图中的 ○ 称为"神 ...
Selenium2+python自动化24-js处理富文本（带iframe）
前言上一篇Selenium2+python自动化23-富文本(自动发帖)解决了富文本上iframe问题,其实没什么特别之处,主要是iframe的切换,本篇讲解通过js的方法处理富文本上iframe的 ...
FRAME与IFRAME
FRAME与IFRAME 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得多个 URL.只需要转载于:https://www.cnblogs.com/vibratea/archive/200 ...
用原生js的postMessage实现iframe传值，也可以用于跨域嵌套iframe传值
Window postMessage() 方法定义和用法 postMessage() 方法用于安全地实现跨源通信. 语法 otherWindow.postMessage(message, targe ...
iframe几种常用代码片段
<iframeid="SGframe"src="外部文件名.html"frameborder="no"scrolling=" ...
ASP.NET小收集：IFrame使用
使用Iframe制作一个固定框架,很方便与象后台网站之类的页面 1<htmlxmlns="http://www.w3.org/1999/xhtml">2<head ...
iframe自动调整高度能在IE5里实现吗
偶已经理解到style="height:expression(main.document.body.scrollHeight)"只对第一次显示的内嵌网页有效,如果里面的内容更新必须 ...

iframe的局限性

目录

前言

主要缺点

iframe的局限性相关推荐

最新文章

热门文章