少用iframe的原因
少用iframe的原因
少用iframe的原因少用iframe的原因包括
1、iframes 阻塞页面加载
及时触发 window 的 onload 事件是非常重要的。onload 事件触发使浏览器的 “忙” 指示器停止,告诉用户当前网页已经加载完毕。当 onload 事件加载延迟后,它给用户的感觉就是这个网页非常慢。
window 的 onload 事件需要在所有 iframe 加载完毕后(包含里面的元素)才会触发。在 Safari 和 Chrome 里,通过 JavaScript 动态设置 iframe 的 SRC 可以避免这种阻塞情况。
2、安全问题
虽然有安全沙箱,但其实还是有安全风险的。因为iframe引用的是别人做的网页。
3、兼容性问题
并非所有浏览器都能很好地支持iframe
4、框架结构有时会让人感到迷惑
特别是在几个框架中都出现上下、左右滚动条的时候。这些滚动条除了会挤占已经非常有限的页面空间外,还会分散 访问者的注意力。访问者遇到这种网站往往会立刻转身离开。他们会想,既然你的主页如此混乱,那么网站的其他部分也许更不值得浏览。
5、链接导航问题
使用框架结构时,你必须保证正确设置所有的导航链接,如不然,会给访问者带来很大的麻烦。比如被链接的页面出现在导航框架 内,这种情况下访问者便被陷住了,因为此时他没有其他地方可去。
6、iframe对搜索引擎的影响
搜索引擎的蜘蛛不会识别在ifram中被调用的图片、文本、url等内容的,因为该内容不属于该页面,只是访问的时候被临时的调用,而且在SEO建议中也有提到:“frame/frameset/iframe标签,会导致百度spider的抓取困难,建议不要使用”这样更能证明其弊!
- iframe嵌入页面跨域(使用iframe+postMessage实现页面跨域通信的示例代码)
- iframe标签教程(关于解决iframe标签嵌套问题的解决方法)
- frameset与iframe 的应用与区别
- iframe解决跨域问题(跨域修改iframe页面内容详解)
- iframe如何解决跨域问题(关于iframe跨域使用postMessage的实现)
- iframe跨域原理(详解使用postMessage解决iframe跨域通信问题)
- 少用iframe的原因
- iframe怎么设置域名(iframe与window.onload如何使用详解)
- vue前台解析pdf文件流(Vue实现在线预览pdf文件功能利用pdf.js/iframe/embed)
- js操作iframe
- iframe跨域获取标签(iframe跨域的几种常用方法)
- iframe 弹窗(遮罩层 + Iframe实现界面自动显示的示例代码)
- 判断iframe是否加载完成
- iframe向子页面发送消息(使用postMessage让 iframe自适应高度的方法示例)
- iframe嵌入页面高度自动适应
- 泰国旅游业怎么样(泰国的旅游产业)
- 越南新娘(越南新娘婚介网站)
- 越南新娘(越南新娘骗婚套路流程)
- 菲律宾游学(菲律宾游学中介机构)
- 菲律宾美食(菲律宾美食排行榜前十名)
- 菲律宾特产(菲律宾特产最值得买回国)
热门推荐
- docker 各种用法(详解Docker commit的使用)
- idea如何运行tomcat项目(在IDEA 2020.3.1中部署Tomcat并且创建第一个web项目的过程详解)
- 如何有效的限制上传文件类型
- html元素和属性的区别(HTML5 HTMLCollection和NodeList的区别详解)
- python编程将一个三位数反序输出(python实现整数的二进制循环移位)
- python远程下发shell指令(Python实现堡垒机模式下远程命令执行操作示例)
- laravel5怎么设置中间件(浅谈Laravel中的三种中间件的作用)
- flask快速开发框架(手把手教你使用Flask搭建ES搜索引擎预备篇)
- h5人脸扫描代码(Html5调用手机摄像头并实现人脸识别的实现)
- css flex布局教程(详解CSS3伸缩布局盒模型Flex布局)