HTML - 请你谈一谈 iframe的优缺点

 难度级别:中级及以上                                 提问概率:50%


iframe是一个HTML标签,它可以在一个网页中嵌入另外一个网页,甚至是把其他的网站嵌入进来。在之前的很长时间里,内部管理系统都在使用iframe,做为菜单切换的主体模板区域框架。iframe包含一个src属性,当切换菜单的时候,动态为iframe的src属性赋对应的url链接,iframe区域内就可以展示不同的模块内容。

 从优点上说,这听上去是不是很像现在的Vue组件,当项目中多处需要使用某个网页内容的时候,那么只需要使用iframe做为嵌入架构就可以实现,而且如果遇到需求改动,也只改动那一个网页就可以。就像上面说的,在内部管理系统中,头部和菜单模块的功能和样式基本不变,在iframe架构中切换对应的内容,这无疑极大增强了代码的重用性,而我们前端不一直在强调重用性嘛。其实不光是内部管理系统,很多C端用户网站,如果要在网站中嵌入第三方网页,或是加一个外部的广告,这些都是iframe很好的使用场景,而且嵌入的网站不会与本网站产生干扰。

尽管它的优点很多,但在越来越关注用户体验的今天,它的缺点越来越显露出来了。例如iframe本身会存在滚动条,而如果嵌入网页内部又存在滚动条&#

相关推荐

  1. uniapp优缺点

    2024-04-07 08:46:02       39 阅读
  2. ReactsetState执行机制

    2024-04-07 08:46:02       38 阅读
  3. Linux下进程和线程

    2024-04-07 08:46:02       61 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-07 08:46:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-07 08:46:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-04-07 08:46:02       82 阅读
  4. Python语言-面向对象

    2024-04-07 08:46:02       91 阅读

热门阅读

  1. c++中c风格的字符串

    2024-04-07 08:46:02       41 阅读
  2. 《状态模式(极简c++)》

    2024-04-07 08:46:02       152 阅读
  3. ThreadLocal加切面实现线程级别的方法缓存

    2024-04-07 08:46:02       41 阅读
  4. 2024/4/6 HarmonyOS学习笔记-图片组件

    2024-04-07 08:46:02       37 阅读
  5. 力扣---***********LRU 缓存***********

    2024-04-07 08:46:02       182 阅读
  6. C语言如何限定外部变量的使⽤范围?

    2024-04-07 08:46:02       34 阅读