管理系统一般都是使用iframe使用实例吗，用它的优势和劣势在那里

来源：蜘蛛抓取(WebSpider) 时间：2017-10-17 07:33 标签： vue 使用iframe
浅谈设计网页使用Iframe框架时的缺点在哪？
来源：深圳网站建设沙漠风　　　
&&&&&& 公司沙漠风（）浅谈设计网页使用Iframe框架时的缺点在哪？应注意些什么？
&&&&&& 现在许多的网站中都有使用到iframe框架，好处很多这里就不多讲，主要是它的一些功能使用很方便，同时能在静态页中导入动态内容等等。但是有些情况下在网站中使用iframe框架会带来许多不利，今天就只从单纯分析iframe框架本身的缺点入手，相信很多人在选择使用iframe时也会把这些因素考虑进去。
&&&&&& 首先iframe框架结构有时会让人感到迷惑，特别是在几个框架中都出现上下、左右滚动条的时候。这些滚动条除了会挤占已经非常有限的页面空间外，还会分散访问者的注意力。访问者遇到这种网站往往会立刻转身离开。他们会想，既然你的主页如此混乱，那么网站的其他部分也许更不值得浏览。
&&&&&& 其次是链接导航的问题。使用框架结构时，你必须保证正确设置所有的导航链接，如不然，会给访问者带来很大的麻烦，比如被链接的页面出现在导航框架内，这种情况下访问者便被陷住了，因为此时他没有其他地方可去。框架结构也许有用，但将它用在你的主站点却并不明智，你可以找一个有框架的网站试着浏览一番，点击一下各个链接，感觉一下滚动条的麻烦，然后站在一般访问者的角度想：当我来到这样的网站我会作何反应?我愿意从这样的网站购买产品吗? 答案肯定是否定的。
&&&&&& 最后在网页设计中使用iframe框架结构最大的弊病是搜索引擎的&蜘蛛&程序无法解读这种页面。当&蜘蛛&程序遇到由数个框架组成的网页时，它们只看到框架而无法找到链接，因此它们会以为该网站是个死站点，并且很快转身离去，这对一个网站来说这无异于一场灾难。 如果你想销售产品，你需要客户，如果想得到客户，你首先要让人们访问你的网站，而要做到这一点，你就非求助于搜索引擎不可，你花费了大量的时间、精力和金钱开设了一家网上商店，却又故意不让搜索引擎检索你，这就好象开家零售商店，却将窗户全部漆成黑色，而且还不挂任何招牌一样。
&&& 公司－(.)，拥有专业设计团队为企业提供，，
Hi,Are you ready?
准备好开始了吗?那就与我们取得联系吧
有一个互联网项目想和我们谈谈吗？您可以填写右边的表格，让我们了解您的项目需求，这是一个良好的开始，我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话，让我们听到你的声音！
Smartwind 沙漠风互联网整合营销
地址：深圳市福田区泰然四路创新科技广场一期A座1304
业务热线：9
大客户专线：
合作意向表
您需要的服务
现有网站改版
我需要做微信营销
建设全新的企业网站
要找长期合作公司，需要年度服务
我需要做购物商城
我需要做系统平台
您最关注的地方
对功能要求比较高
对设计创意要求比较高
需要可以购物支付
搜索引擎排名
大型项目需要招标1、iframe的优点：
①、页面重载是无需重载整个页面，秩序重载iframe中的数据.(减少了请求的数据量)
②、易于使用，如导航栏、广告的使用。
2、iframe的劣势:
①、搜索引擎&蜘蛛&无法读取，影响搜索结果的排列名次。
②、链接导航问题:无法后退，只能离开。
③、增加HTTP请求(注意：页面的请求次数比请求的数据量相比，前者耗时大得多);
④、阻塞主页面的onload事件：window 的 onload 事件是非常重要的。onload 事件触发使浏览器的 “忙” 指示器停止，告诉用户当前网页已经加载完毕。当 onload 事件加载延迟后，给用户的感觉是这个网页非常慢。
解决方法：动态添加src，window 的 onload 事件需要在所有 iframe 加载完毕后(包含里面的元素)才会触发。在 Safari 和 Chrome 里，通过 JavaScript 动态设置 iframe 的 src可以避免这种阻塞情况。
⑤、性能问题，iframe的创建比其它包括scripts和css的 DOM 元素的创建慢了 1-2 个数量级。
⑥、连接池问题：iframe和主页共享连接池，而浏览器对相同域的链接有限制(/blog//roundup-on-parallel-connections/)，故影响页面的并行加载。
本文已收录于以下专栏：
相关文章推荐
iframes 提供了一个简单的方式把一个网站的内容嵌入到另一个网站中。但我们需要慎重的使用iframe。iframe的创建比其它包括scripts和css的 DOM 元素的创建慢了
1-2 个数量...
iframe的优点：
①　iframe能够原封不动地把嵌入的网页展现出来。
②　如果有多个网页调用iframe，只需要修改iframe的内容，就可以实现对调用iframe的每一个页面内容的更改，方便快...
本文转自:/html-xhtml/webxhtml-15650.html
使用 iframe 可以轻易的调用其他网站的页面，但应谨慎使用。它比创...
废掉iframe
一 页面引进Ajax get 2
二 Shadow DOM 2
2.1 还记得iframe们吗？ 2
2.2 我的名字是DOM，Shadow DOM 2
2.3 事件的情况...
在说iframe的好处之前，先说网上各种流传的缺点：
    1. 加载速度慢；
    2. 蜘蛛无法捕捉；
    总之各种不推荐使用iframe，包括一些比较专业的人士；
   ...
近期在开发中遇到一个很奇怪的问题：HTML页面中有2个iframe，每次打开的时候这2个iframe都是一样的内容，或者有时候异常显示。
示例代码：
#if(${formMa...
我们会经常使用iframes来加载第三方的内容、广告或者插件。使用iframe是因为它可以和主页面并行加载，不会阻塞主页面。
iframe会阻塞主页面的onload事件主页面和iframe共享同...
搞性能的人都知道高性能网站建设指南的作者steve讲了很多怎么处理代码，使你的网站速度很快。也包括讲了Iframe 的blocking问题，今天在网上看了Aaron的关于讲Iframe的性...
众所周知，有用到浮动框架标签 iframe 的页面，在刷新的时候都是比较诡异的。不知道的人可能以为它只是刷新  iframe 里面的内容，其实 iframe 外面它也是会刷新的。我用 alert() ...
他的最新文章
讲师：姜飞俊
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)

我要回帖

更多关于 vue 使用iframe 的文章

 

随机推荐