少用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+postMessage实现页面跨域通信的示例代码)
- 判断iframe是否加载完成
- frameset与iframe 的应用与区别
- iframe嵌入页面高度自动适应
- iframe向子页面发送消息(使用postMessage让 iframe自适应高度的方法示例)
- iframe跨域原理(详解使用postMessage解决iframe跨域通信问题)
- iframe 弹窗(遮罩层 + Iframe实现界面自动显示的示例代码)
- iframe解决跨域问题(跨域修改iframe页面内容详解)
- 少用iframe的原因
- iframe怎么设置域名(iframe与window.onload如何使用详解)
- vue前台解析pdf文件流(Vue实现在线预览pdf文件功能利用pdf.js/iframe/embed)
- iframe标签教程(关于解决iframe标签嵌套问题的解决方法)
- js操作iframe
- iframe跨域获取标签(iframe跨域的几种常用方法)
- 全球科技界最有钱大佬TOP 15 你知道几位(全球科技界最有钱大佬TOP)
- 2主力后腰缺阵 泰山队奇兵有望获重用,赛季0出场,迎来中超首秀(泰山队奇兵有望获重用)
- 三分71 生死战爆发 篮网旧将丁威迪今天成奇兵,助队赢球(三分71生死战爆发)
- 《红 雄安》系列广播剧第一集 水上奇兵雁翎队(雄安系列广播剧第一集)
- 小说 小伙穿越成刘备,用现代知识指挥作战,众谋士都看呆了(小伙穿越成刘备)
- 解析葡萄牙6-1瑞士 进攻多点开花,贡萨洛-拉莫斯一战成名(解析葡萄牙6-1瑞士)
热门推荐
- shell多台机器配置文件比对(如何使用shell在多服务器上批量操作)
- tomcat服务页面打开超慢(Web服务器Tomcat高级优化)
- apache的安装步骤(windows安装apache系统中无apache2服务解决方案)
- zabbix 查询linux使用率高的进程(详解Linux使用ss命令结合zabbix对socket做监控)
- 运维堡垒机怎么搭建(堡塔云控平台添加服务器受控端图文教程)
- html5 拍照上传(Html5在手机端调用相机的方法实现)
- SQL中的with as的使用
- php 获取get url(PHP实现获取url地址中顶级域名的方法示例)
- vue3中的setup的参数(Vue3中ref与reactive的详解与扩展)
- thinkphp远程代码执行教程(ThinkPHP 5.x远程命令执行漏洞复现)