iframe的优缺点及改进方法
iframe是用来内嵌网页的,使用起来很方便,但也有优缺点,比如iframe能原封不动地把嵌入的网页展现出来,如果有多个网页引用iframe,那么只需要修改iframe的内容,就可以实现调用每一个页面的更改,方便快捷,iframe缺点会阻塞主页面的Onload事件,但有针对iframe的优缺点及改进方法。
一、iframe内嵌网页使用实例代码:
<iframe width="100%" height="100%" frameborder="0" scrolling="auto" allow="fullscreen" src ="url"></iframe>
二、使用iframe的优点:
1、iframe 能原封不动地把嵌入的网页展现出来;
2、如果有多个网页引用 iframe,那么只需要修改 iframe 的内容,就可以实现调用每一个页面的更改,方便快捷;
3、网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用 iframe 嵌套,可以增加代码的可重用;
4、如果遇到加载缓慢的第三方内容,如图标或广告,这些问题可以由 iframe 来解决。
三、使用iframe的缺点:
1、iframe 会阻塞主页面的Onload事件;
2、iframe 和主页面共享链接池,而浏览器对相同城的链接有限制,所以会影响页面的并行加载;
3、使用 iframe 之前需要考虑这两个缺点,如果需要使用 iframe,最好是通过 JavaScript;
4、动态给 iframe 添加 src 属性值,这样就可以绕开以上两个问题;
5、不利于 seo;
6、代码复杂,无法一下子被搜索引擎索引到;
7、iframe 框架页面会增加服务器的 http 请求,对于大型网站不可取;
8、很多的移动设备无法完全显示框架,设备兼容性差。
四、iframe的优缺点及改进方法:
1. 添加iframe时,直接去掉滚动条<iframe src="time " width=" "; frameborder="0";scrolling="no">;
2.用ajax能够替代iframe的优势。
原文地址:https://tangjiusheng.cn/html/347.html