需求是介个样子滴,现在呢有一个页面需要iframe嵌套一个页面,子页面再次需要嵌套iframe,子页面需要获取iframe页面热点词,鼠标经过展示注释,初期问题iframe高度自适应,搞了N久,jquery,有一个contents方法可以获取到标签但是不同的浏览器所获取的body标签是不一致的,后期CSS强制解决,bug这歌改好了,关键词标签时而出现时而消失!what,fuck!搞什么???
精细排查,,,,,
加载顺序有问题,
;(function(){}()); > $(function()function()) > window.onload
注释来了
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
然鹅,然鹅!我的事件是写在
(function($) {})(jQuery);
这又是一个什么玩意!
表层意思,声明一个匿名函数,传jquery参数进去,避免污染全局,然鹅,就是他,惹的祸!
最终改成window.onload万事大吉!
最后还有一点,说是,iframe加载会阻塞父级onload事件,子级不会。