`
keyboarder
  • 浏览: 6811 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Iframe的缺点

阅读更多

许多网站中都使用iframe框架 ,好处这里不多谈,主要是一些功能上很方便,同时能在静态页中导入动态内容等。但在有些情况下网站中的 iframe框架会带来许多不利,本文只是从单纯分析iframe框架的缺点 入手,很多时候在选择使用iframe时相信也会把这些因素考虑进去。

 

  1、在网页中使用框架结构最大的弊病是搜索引擎的“蜘蛛”程序无法解读这种页面。当“蜘蛛”程序遇到由数个框架组成的网页时,它们只看到框架而 无法找到链接,因此它们会以为该网站是个死站点,并且很快转身离去。对一个网站来说这无异于一场灾难。

 

  如果你想销售产品,你需要客户;如想得到客户,你首先要让人们访问你的网站,而要做到这一点,你就非求助于搜索引擎不可。你花费了大量的时间、 精力和金钱开设了一家网上商店,却又故意不让搜索引擎检索你,这就好象开家零售商店,却将窗户全部漆成黑色,而且还不挂任何招牌一样。


  2、框架结构有时会让人感到迷惑,特别是在几个框架中都出现上下、左右滚动条的时候。这些滚动条除了会挤占已经非常有限的页面空间外,还会分散 访问者的注意力。访问者遇到这种网站往往会立刻转身离开。他们会想,既然你的主页如此混乱,那么网站的其他部分也许更不值得浏览。


  3、链接导航问题。使用框架结构时,你必须保证正确设置所有的导航链接,如不然,会给访问者带来很大的麻烦。比如被链接的页面出现在导航框架 内,这种情况下访问者便被陷住了,因为此时他没有其他地方可去。


  框架结构也许有用,但将它用在你的主站点却并不明智。你可以找一个有框架的网站试着浏览一番,点击一下各个链接,感觉一下滚动条的麻烦,然后站 在一般访问者的角度想:当我来到这样的网站我会作何反应?我愿意从这样的网站购买产品吗?

分享到:
评论

相关推荐

    vue基于iframe优雅实现全新的微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生

    基于iframe优雅实现全新的微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生。 适合人群:具备一定编程基础,工作1-3年的研发人员 能学到什么: 1、使用postMessage方法来完成基座项目和子...

    asp.net 中使用iframe动态加载页面

    然而,使用 iframe 也存在一些缺点,例如: * 安全性问题:使用 iframe 可能会带来安全性问题,因为 iframe 可以加载恶意代码或攻击用户。 * 性能问题:使用 iframe 可能会影响应用程序的性能,因为 iframe 需要...

    iframe大全

    随着Web技术的发展,`iframe`的一些缺点逐渐被其他技术所弥补,如Web Components、Shadow DOM等,它们提供了更灵活、可控的组件化开发方式。 ### 7. 实际案例 例如,一个新闻网站可能使用`iframe`来嵌入第三方的...

    iframe自动适应高度

    这些方法各有优缺点,具体使用哪种取决于项目需求和兼容性考虑。在实际应用中,可能需要结合使用,例如先尝试使用CSS方法,然后在不支持或效果不佳的情况下回退到JavaScript解决方案。在`exp.html`和`iframe`这两个...

    IFrame简单例子

    ### IFrame的优缺点 #### 优点: 1. **内容更新**:当IFrame中的内容更新时,只会影响IFrame区域,不会影响整个页面。 2. **页面加载性能**:IFrame可以让部分页面异步加载,提高用户体验。 3. **嵌入内容**:可以...

    iframe用法

    下面我们将深入探讨iframe的用法、优缺点以及一些相关的编程实践。 ### 1. iframe的基本用法 `<iframe>`标签的基本结构如下: ```html <iframe src="http://example.com" width="600" height="400"></iframe> ```...

    用DIV仿iframe框架布局效果

    然而,iframe的缺点包括加载速度慢、可能引发跨域安全问题以及对SEO(搜索引擎优化)不友好等。 接下来,我们将探讨如何用DIV来模仿iframe的特性。关键在于使用CSS的`overflow`属性来创建可滚动区域,并通过...

    iframe标签实现网页部分刷新

    四、`iframe`的优缺点 优点: - 实现局部刷新,提高用户体验。 - 隔离脚本,避免互相干扰。 - 可用于加载外部内容,如广告或第三方API。 缺点: - SEO优化困难:搜索引擎可能无法正确抓取`iframe`内的内容。 - ...

    iframe自适应高度 .txt

    **缺点**:当`<iframe>`内容变化时,无法自动调整高度。 **示例代码**: ```html <iframe id="example" src="your_page.html" width="100%" height="500px" frameborder="0" style="border:none;"></iframe> ``` ...

    BAT2018年《80道前端面试题》.docx

    8. **iframe缺点**:iframe可能导致主页面Onload事件阻塞,影响页面加载性能;它与主页面共享连接池,可能导致并发限制问题。可以通过延迟加载或使用独立的请求来避免这些问题。 9. **cookies,sessionStorage和...

    如何使用iframe

    iframe的优缺点 优点: - **内容独立性**:`iframe`内的内容不会影响主页面,反之亦然。 - **模块化**:便于将不同功能或内容模块化,便于管理和更新。 - **动态加载**:可以实现内容的延迟加载或按需加载。 缺点...

    div覆盖 iframe

    `iframe`的缺点是可能引发跨域安全问题,并且SEO(搜索引擎优化)效果相对较差,因为搜索引擎爬虫可能无法抓取`iframe`内的内容。 在描述中提到的“前辈的成果,显示所需要的页面,第一个页面隐藏”,可能指的是...

    .net iframe框架

    .NET 框架中的 iframe( Inline Frame)是一种用于在网页中嵌入另一个 HTML 文档的元素,它允许网页开发者在单个页面上显示多个独立的内容源。...在实际开发中,应充分考虑其优缺点,以提供最佳的用户体验。

    iframe 自适应 实例

    7. **`iframe`的优缺点**: 优点包括提供内容隔离、简化页面加载、支持页面局部刷新等;缺点则有性能影响、可能的跨域安全问题、SEO优化难度增加等。 8. **替代方案**: 对于某些场景,`<object>`标签或现代Web...

    iframe使用实例

    总的来说,`iframe`是一个强大且灵活的工具,但使用时需权衡其优缺点,并根据具体需求进行选择和配置。在"WebSite1"中,我们可以看到如何实际应用这些理论知识,通过查看源代码和实际运行效果,更深入地理解`iframe`...

    iframe的实例(详细代码及注释)

    然而,`iframe`也存在一些缺点,如SEO问题(搜索引擎可能无法正确索引`iframe`内的内容)、性能开销(额外的HTTP请求)以及潜在的安全风险(如XSS攻击)。因此,在使用时应权衡利弊。 在提供的`frame_iframe_...

    使用iframe进行分页查询

    但缺点是,`iframe`可能导致额外的HTTP请求,增加页面加载时间,并可能引发跨域问题。此外,SEO(搜索引擎优化)也可能受到影响,因为搜索引擎可能不会爬取`iframe`内的内容。 总的来说,使用`iframe`进行分页查询...

    frame,iframe,frameset用法和区别

    HTML中的`frame`, `iframe`, 和`frameset`是用来创建多窗口或框架布局的重要元素,它们允许在同一个浏览器窗口中加载多个独立的网页。这些元素主要用于构建复杂的网页结构,使得不同...因此,在设计时需权衡其优缺点。

    前端零星的资料

    #### iframe 缺点 - **阻塞主页面的 onload 事件**。 - **连接池限制**: 影响页面的并行加载性能。 #### cookies、sessionStorage 和 localStorage 区别 - **cookies**: - 在浏览器和服务器间来回传递。 - 存储...

    iframe高度自适应

    - **缺点**: - 需要父容器配合使用Flex布局。 - 在某些旧版浏览器中可能不支持。 #### 三、注意事项 1. **兼容性问题**:不同的浏览器对于`<iframe>`的支持程度不同,需要注意测试各个主流浏览器的表现。 2. **...

Global site tag (gtag.js) - Google Analytics