jquery是怎么实现:页面加载完毕,而图片未加载完成时,触发的事件?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery是怎么实现:页面加载完毕,而图片未加载完成时,触发的事件?相关的知识,希望对你有一定的参考价值。

参考技术A $(document).ready
我理解为
dom(文档对象模型)加载完就执行。而图片只是一个元素而已。

jquery 怎么让一个div的内容未加载完时显示加载中...

比如div里是一个比较大的图片 加载比较慢

  加载时,直接设置该DIV的值(提示),然后数据加载完毕,再显示数据,部分加载也一样;
  利用innerhtml
  DIV设ID(例如A),默认文字(例如:正在加载...)
  等内容下载(例如JS文件)完后就自动替换为ID=A的内容;
  onload事件里面,if(document.readyState != "complete")判断页面是否加载完成,未完成给张图片显示(用隐藏域事先准备或innerHTML),else完成时就隐藏了。
  但是ff不支持,用ajax实现, if(xmlHttp.readyState == 4 || xmlHttp.readyState == \'complete\')else在此操作。
参考技术A div1放一个<span id="">加载中......</span> 还有你要加载的其他东西放到你的div2中;加载此div1时隐藏你的内容div2,显示<span> ;在div2中加一onload事件即加载完成执行 隐藏<span>显示你的div2 希望对你有帮助! 参考技术B 先显示加载中,在图片的onload事件中隐藏加载中,显示图片。

以上是关于jquery是怎么实现:页面加载完毕,而图片未加载完成时,触发的事件?的主要内容,如果未能解决你的问题,请参考以下文章

jquery 怎么让一个div的内容未加载完时显示加载中...

jQuery页面滚动图片等元素动态加载实现

js 怎么让图片加载完成后才执行下面代码

js 怎么让图片加载完成后才执行下面代码?

jQuery如何实现页面加载完毕再去执行代码

jQuery实现滚动时动态加载页面内容