HTML:iframe

iframe介绍

iframe称之为嵌入式框架,嵌入式框架可以把一个完整的网页内容嵌入到现有网页中

例如:

<body>
    <h1>iframe</h1>
    <iframe src="https://react.docschina.org/docs/hooks-intro.html" frameborder="0" width="1500" height="500"></iframe>
</body>

效果:

 

 在早期,iframe在开发中用的很多,可以很方便制作一个页面的公共部分,例如导航栏。但是随着ajax的出现,iframe用的越来越少了。原因是iframe有种种不便,最直观的就是iframe的自适应高度,处理起来很麻烦。另外,搜素引擎的爬虫程序无法解读这种页面。

优点:

重载页面时不需要重载整个页面,只需要重载页面中的一个框架页。

方便制作导航栏【现在也不这么制作了】

缺点:【一大堆】

 

  •  会产生很多页面,不易于管理
  • 调用外部页面,需要调用额外css,给页面带来额外的请求次数
  • 会阻塞页面的加载,windows的onload事件需要在所有iframe加载完毕后(包括里面的元素)才会触发
  • 浏览器的后退按钮无效
  • 无法被搜索引擎找到

目前框架的所有有点都可以使用ajax实现,因此没必要使用iframe框架了

【话说谁特么面试会问已经抛弃了的技术啊,傻逼么不是】

posted on 2023-01-16 16:12  会喷火的大魔王  阅读(629)  评论(0编辑  收藏  举报