Blog post

iframe延迟加载

2018年6月16日Otstar Lin

由于原本的个人主页太丑,于是换了新的,并且准备利用一款JS制作About页,为了能让主页拥有更快的访问速度,于是便分离Home页和About页,先前是等页面完成Load后加载iframe,但为了照顾流量党便采用点击后加载的方式。不懂JS于是踩了很多坑∑( ̄□ ̄)

流程设计

A标签点击 -> 显示Loading.gif并将iframe标签插入指定div中 -> iframe加载完成后跳转指定锚点,隐藏Loading.gif并触发更改A标签使A标签直接指向指定锚点,避免iframe重新加载

Code

至此,点击加载iframe已完成,不需要用到jQuery,省下了部分加载时间。为了弄这个我Google了好久( _ _)ノ,我果然还是菜鸡( ̄▽ ̄~)

说点什么

您将是第一位评论人!

avatar
  Subscribe订阅  
提醒
Prev Post Next Post