iframe的优缺点及改进方法

 分类:html知识时间:2022-05-17点击:

iframe是用来内嵌网页的,使用起来很方便,但也有优缺点,比如iframe能原封不动地把嵌入的网页展现出来,如果有多个网页引用iframe,那么只需要修改iframe的内容,就可以实现调用每一个页面的更改,方便快捷,iframe缺点会阻塞主页面的Onload事件,但有针对iframe的优缺点及改进方法。

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的优势。

除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: