1.iframe标签的常用属性&＃xff1a;
allowfullscreen&＃xff1a;允许嵌入的网页全屏显示&＃xff0c;需要全屏 API 的支持&＃xff0c;请参考相关的 Javascript 教程。
frameborder&＃xff1a;是否绘制边框&＃xff0c;0为不绘制&＃xff0c;1为绘制&＃xff08;默认值&＃xff09;。建议尽量少用这个属性&＃xff0c;而是在 CSS 里面设置样式。
src&＃xff1a;嵌入的网页的 URL。
width&＃xff1a;显示区域的宽度。
height&＃xff1a;显示区域的高度。
sandbox&＃xff1a;设置嵌入的网页的权限&＃xff0c;详见下文。
importance&＃xff1a;浏览器下载嵌入的网页的优先级&＃xff0c;可以设置三个值。high表示高优先级&＃xff0c;low表示低优先级&＃xff0c;auto表示由浏览器自行决定。
name&＃xff1a;内嵌窗口的名称&＃xff0c;可以用于、、的target属性。
referrerpolicy&＃xff1a;请求嵌入网页时&＃xff0c;HTTP 请求的Referer字段的设置。参见标签的介绍。
2.iframe的优缺点。
优点&＃xff1a;
iframe能够原封不动的把嵌入的网页展现出来。
如果有很多个网页引用iframe&＃xff0c;那么你只需要修改iframe的内容&＃xff0c;就可以实现调用的每一个页面内容的更改&＃xff0c;方便快捷。
网页如果为了统一风格&＃xff0c;头部和版本都是一样的&＃xff0c;就可以写成一个页面&＃xff0c;用iframe来嵌套&＃xff0c;可以增加代码的可重用。
如果遇到加载缓慢的第三方内容&＃xff0c;如图标、广告&＃xff0c;这些问题可以由iframe来解决。
缺点&＃xff1a;
1.iframe会阻塞主页面的onload事件。
2.iframe和主页面共享链接池&＃xff0c;而浏览器对相同域的连接有限制&＃xff0c;所以会影响页面的并行加载。会产生很多页面&＃xff0c;不容易管理。
3.iframe框架结构有时会让人感到迷惑&＃xff0c;如果框架个数多&＃xff0c;可能会出现上下、左右滚动条&＃xff0c;会分散访问者的注意力&＃xff0c;造成用户体验感差。
4.iframe代码复杂&＃xff0c;无法被一些搜索引擎搜到&＃xff0c;现在的搜索引擎爬虫还不能很好的处理iframe中的内容&＃xff0c;所以不利于搜索引擎优化。
5.很多的移动设备无法完全显示iframe框架&＃xff0c;设备兼容性差。
6.iframe框架页面会增加服务器的http请求。
3.为什么很多项目的时候一般不用iframe&＃xff1f;
iframe是一个单独的容器&＃xff0c;因此不会应用全局的css样式。
iframe会和网页共用域名链接池&＃xff0c;因此可能由于iframe占用了连接数导致加载阻塞。
京公网安备 11010802041100号