少用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如何解决跨域问题(关于iframe跨域使用postMessage的实现)
- iframe跨域获取标签(iframe跨域的几种常用方法)
- frameset与iframe 的应用与区别
- iframe跨域原理(详解使用postMessage解决iframe跨域通信问题)
- iframe向子页面发送消息(使用postMessage让 iframe自适应高度的方法示例)
- iframe 弹窗(遮罩层 + Iframe实现界面自动显示的示例代码)
- iframe标签教程(关于解决iframe标签嵌套问题的解决方法)
- 判断iframe是否加载完成
- 少用iframe的原因
- vue前台解析pdf文件流(Vue实现在线预览pdf文件功能利用pdf.js/iframe/embed)
- iframe怎么设置域名(iframe与window.onload如何使用详解)
- iframe解决跨域问题(跨域修改iframe页面内容详解)
- iframe嵌入页面跨域(使用iframe+postMessage实现页面跨域通信的示例代码)
- js操作iframe
- 今天要吃什么(今天要吃什么菜好)
- 网红直播可以赚很多钱吗(网红直播可以赚很多钱吗)
- 今天是什么日子(今天是什么日子有什么特殊意义吗)
- 这里输入关键词(怎么输入关键词搜索)
- 34岁的舒畅,就这样走到了末路,不知会不会后悔15年前的草率决定(就这样走到了末路)
- 不走心的古装造型 舒畅 毁容式 出演,萧蔷雷出新高度(不走心的古装造型)
热门推荐
- laravel测试重连数据库(解决在laravel中leftjoin带条件查询没有返回右表为NULL的问题)
- docker容器与宿主机通信(docker容器与宿主机的数据交互方式总结)
- 同步、异步、阻塞、非阻塞
- linux如何查看apache日志(限制 Apache日志文件大小的方法)
- h5获取ios系统版本(详解h5页面在不同ios设备上的问题总结)
- laravel权限控制(laravel-admin 在列表页添加自定义按钮的例子)
- mysqlupdate原理(MySQL UPDATE 语句的非标准实现代码)
- php如何复制数组(php5对象复制、clone、浅复制与深复制实例详解)
- dedecms权限调整(dedecms当前位置导航去掉链接的实现方法)
- mysql简单查询基本语句(详解MySQL 查询语句的执行过程)