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框架了
【话说谁特么面试会问已经抛弃了的技术啊,傻逼么不是】