前台怎样确定页面加载完全?

zhaobinzcb 2010-09-18 03:27:33
我在相册页面加了一个弹出窗口,就是一个进度条图片
然后用onload时间判断页面是否加载完并取消进度条图片

我的页面有30张图片 5个数据表
取消进度条以后有的图片加载不完全(只有一部分显示)

问题:
一、怎样正确判断是否加载完?
二、加载不完全的图片怎么让他从新下载一次?

谢谢
...全文
223 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
china_lipeng 2010-09-20
  • 打赏
  • 举报
回复
1.图片的重启载入 你试试上面的 也有
把它加载到变量里 在引用到图片上去 一般我不会处理图片重新载入 而是在<div><img/><div> 指定div的高宽 在div里放一个进度条的背景图片 当图片加载完成时进度条图片就看不见了
我的问题没解决 偶然看见你的问题 希望能给你帮助吧

var img=new Image();
img.src="img.jpge";

2.查看现成文档得知

<Script>
function handelError(img){
msg = "有一图文件,名为: \'" + img.name + "\'\n无法顺利显示,";
alert(msg);
}
</Script>
<IMG SRC="abc.gif" NAME="中国电信的广告" onError="handelError(this)">

jsjcome 2010-09-19
  • 打赏
  • 举报
回复
学习,学习!
xingdongfang 2010-09-19
  • 打赏
  • 举报
回复
1、怎样正确判断是否加载完?

图片的加载是异步的,所以你不能使用window.onload

你必须使用image的onload事件,你可能需要一个图片加载管理器,先把所需要加载的图片放进去,然后在图片的onload中把它移除出,看看是是不是全部都移除了,如果是,就说明全部加载成功了。


2、加载不完全的图片怎么让他从新下载一次?

img.src = "asadsf.jpg?abc=1231321"
注意abc的值是随机的即可。

intotheland 2010-09-19
  • 打赏
  • 举报
回复
<img onload="if(this.Width!=100||this.Height!=100){this.Src='xxx.jpg?randomNumber'}" src="xxx.jpg" />
打一壶酱油 2010-09-19
  • 打赏
  • 举报
回复
前面有人写了 后台判断,前台判断 是 onload 事件 或 jquery.js 的 ready()函数
zhaobinzcb 2010-09-18
  • 打赏
  • 举报
回复
确定单个图片加载完成 是那个事件 怎么写???
intotheland 2010-09-18
  • 打赏
  • 举报
回复
只有一部分显示可能是你服务器上的图片有问题或者网络不稳定导致图片加载的响应流中断。


判断图片是否加载完全,如果你的图片是用img标签显示出来的可以在每个图片的src属性之前加上onload事件
判断图片的长宽信息可以确定图片是否加载完全。
zhaobinzcb 2010-09-18
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 q107770540 的回复:]
C# code

protected DateTime dt;
protected void Page_Load(object sender, EventArgs e)
{

}
protected override void OnPreInit(EventArgs e)
{
……
[/Quote]


在前台用js怎么判断哪?在后台判断我还要调用JS脚本

还有那个图片加载一部分他也判断加载完了那个怎么解决????????
q107770540 2010-09-18
  • 打赏
  • 举报
回复
注意如果加载时间过长
会导致页面超时
q107770540 2010-09-18
  • 打赏
  • 举报
回复

protected DateTime dt;
protected void Page_Load(object sender, EventArgs e)
{

}
protected override void OnPreInit(EventArgs e)
{
dt = DateTime.Now;
base.OnPreInit(e);
}
//页面加载完成
protected override void OnLoadComplete(EventArgs e)
{
base.OnLoadComplete(e);
TimeSpan ts = DateTime.Now - dt;
Response.Write("加载页面用时:" + ts.TotalMilliseconds);
}
随着通信电子技术的迅速发展,信息技术给家居行业产生了深远的影响,家居环境的智能化监控已经成为智能家居的一个重要的发展方向。人们逐渐对自己的生活提出一种更高的要求,他们需要一种智能化、可交互,并且融合现代创新科技的产品来改善他们的生活环境,使他们生活更加安全、舒适、便捷、智能。本文根据智能家居的发展背景和研究现状,并且从实用性和可行性角度出发,研究设计了一种基于STM32单片机的智能家居系统。该系统由一个多功能综合的技术系统组成,各个多功能子系统间具有协同配合能力。基于STM32单片机实现的功能子系统包括:智能温度检测,智能湿度检测,智能烟雾/火灾检测智能检测,无线传输,人机交互机构,风扇调节,报警模块。 整个系统分为前端51单片机采集板和后端STM32单片机接收板。 采集板使用DHT11温湿度传感器、MQ烟雾传感器完成室内家居环境的采集。然后通过nRFL24L01将采集到的数据发送给后端。接收板使用LCD1602完成数据显示、使用蜂鸣器模块报警,使用风扇驱动模块调节室内家居环境。本文完成了智能家居控制系统前端、后端软硬件的设计,使用Altium designer绘制了电路原理图,使用Keil C完成了51单片机和STM32单片机的编程与调试。 最后,对本文设计的基于STM32的智能家居控制系统进行部署调试。试验结果表明,该系统可成功应用在智能家居环境检测调节和火灾安全防护的领域,可提高家居生活智能化水平。

62,271

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧