iframe延迟加载

Otstar Lin

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

流程设计

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

Code

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