iframe有那些优缺点?

iframe的优点:

1.iframe能够原封不动的把嵌入的网页展现出来。

2.如果有多个网页引用iframe,那么你只需要修改iframe的内容,就可以实现调用的每一个页面内容的更改,方便快捷。

3.网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用iframe来嵌套,可以增加代码的可重用。

4.如果遇到加载缓慢的第三方内容如图标和广告,这些问题可以由iframe来解决。

iframe的缺点:

1.会产生很多页面,不容易管理。

2.iframe框架结构有时会让人感到迷惑,如果框架个数多的话,可能会出现上下、左右滚动条,会分散访问者的注意力,用户体验度差。

3.代码复杂,无法被一些搜索引擎索引到,这一点很关键,现在的搜索引擎爬虫还不能很好的处理iframe中的内容,所以使用iframe会不利于搜索引擎优化。

4.很多的移动设备(PDA 手机)无法完全显示框架,设备兼容性差。

5.iframe框架页面会增加服务器的http请求,对于大型网站是不可取的。 分析了这么多,现在基本上都是用Ajax来代替iframe,所以iframe已经渐渐的退出了前端开发。

时间: 2024-10-05 10:42:17

iframe有那些优缺点?的相关文章

使用iframe框架的优缺点

虽然iframe框架已经完全被ajax替代了,但是仍然有必要知道它的一些弊病和优势,知道它为什么不再适合使用. 缺点: 1.iframe最大的缺点就是搜索引擎的爬虫程序无法爬取iframe页面的内容,导致其只看到框架看不到链 接,于是绕道而走你的网页在搜索引擎中就排不到靠前的次序. 2.会产生很多页面,不容易管理. 3.不容易打印(目前只能实现分框架页面的打印,不能实现对frameset的打印). 4.浏览器的后退按钮无效(只能针对实现当前光标所在页面的前进与后退,无法实现frameset整个页

前端面试合集

VUE 1.什么是 vue 生命周期 2.vue生命周期的作用是什么 3.第一次页面加载会触发哪几个钩子 4.简述每个周期具体适合哪些场景 5.created和mounted的区别 6.vue获取数据在哪个周期函数 7.请详细说下你对vue生命周期的理解? vue路由面试题 mvvm 框架是什么?vue-router 是什么?它有哪些组件 active-class 是哪个组件的属性?怎么定义 vue-router 的动态路由? 怎么获取传过来的值vue-router 有哪几种导航钩子?6.$ro

iframe的优缺点

iframe的优点: 1.iframe能够原封不动的把嵌入的网页展现出来. 2.如果有多个网页引用iframe,那么你只需要修改iframe的内容,就可以实现调用的每一个页面内容的更改,方便快捷. 3.网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用iframe来嵌套,可以增加代码的可重用. 4.如果遇到加载缓慢的第三方内容如图标和广告,这些问题可以由iframe来解决. iframe的缺点: 1.会产生很多页面,不容易管理. 2.iframe框架结构有时会让人感到迷惑,如果框

IFrame的优缺点?

1.缺点 在网页中使用框架结构最大的弊病是搜索引擎的"蜘蛛"程序无法解读这种页面.你花费了大量的时间.精力和金钱开了一家网上商城,却又故意不让搜索引擎检索该商城,这就好比开 了一家零售商店,却将窗户全部漆成黑色,而且还不挂任何招牌. iframe会阻塞主页面的Onload事件:iframe和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载:使用iframe之前需要考虑这两个缺点.如果需要使用iframe,最好是通过javascript 动态给iframe添加sr

iframe框架优缺点

iframe优点: 1.重载页面时不必整个页面加载,只需重载框架页(增加了网页加载速度) 2.例如加载缓慢的第三方广告和图标时,使用框架方便简洁. 缺点: 1.不利于搜索引擎抓取解读 2.移动设备页面上框架显示不全 3.不容易打印 4.框架页面过多会增加服务http请求,且不易管理 5.浏览器的后退按钮失效 原文地址:https://www.cnblogs.com/liangqilin/p/9029959.html

(转)AJAX工作原理及其优缺点

1.什么是AJAX?AJAX全称为"Asynchronous JavaScript and XML"(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术.它使用:使用XHTML+CSS来标准化呈现:使用XML和XSLT进行数据交换及相关操作:使用XMLHttpRequest对象与Web服务器进行异步数据通信: 使用Javascript操作Document Object Model进行动态显示及交互: 使用JavaScript绑定和处理所有数据. 2.与传统的we

[转]AJAX工作原理及其优缺点

1.什么是AJAX?AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术.它使用:使用XHTML+CSS来标准化呈现:使用XML和XSLT进行数据交换及相关操作:使用XMLHttpRequest对象与Web服务器进行异步数据通信: 使用Javascript操作Document Object Model进行动态显示及交互: 使用JavaScript绑定和处理所有数据. 2.与传统的web应用比较

AJAX工作原理及其优缺点

1.什么是AJAX? AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术.它使用: 使用XHTML+CSS来标准化呈现: 使用XML和XSLT进行数据交换及相关操作: 使用XMLHttpRequest对象与Web服务器进行异步数据通信: 使用Javascript操作Document Object Model进行动态显示及交互: 使用JavaScript绑定和处理所有数据. 2.与传统的web

Ajax 原理过程 同步与异步区别 优缺点

ajax原理过程                                                                                                                                        利用XMLHttpRequest对象发送简单请求的基本步骤:1)创建XMLHttpRequest对象实例2)设定XMLHttpRequest对象的回调函数,利用onreadystatechange属性3)设定请求