关于页面加载后执行js的一点说道

Home » JavaScript » web开发 » 交互效率 » 关于页面加载后执行js的一点说道

Archives

文件夹

之前做过一个页面图片处理的页面碰到过这个问题,今天回顾一下。

需求是页面会加载很多图片,加载图片后要对图片的位置、尺寸记录,然后缩放到指定大小,还要根据位置设置相应的弹出框。

那问题就是用一般的jquery{$(function(){})}无力解决这个问题,因为各个浏览器对处理顺序的解释不同。

chrom会在图片解析之前就执行函数,那么就判断不到图片正确的尺寸,页面就会错位。

js里面有个window.onload事件可以解决这个问题。

window.onload需要当页面完全加载完成的时候才会触发,包括图片、flash等富媒体。

DOMReady只判断页面内所有的DOM节点是否已经全部完成,至于节点中的内容是否加载完成并不关心。

(*摘自曹刘阳的《编写高质量代码——Web前端开发修炼之道》)

发表评论