ajax web页面复杂处理延时、客户交互问题

本文介绍了一种使用JavaScript实现的按钮点击后显示加载动画的方法。通过修改按钮的状态并添加一个包含加载动图的绝对定位子元素来提示用户正在执行操作。此方案适用于网页应用中需要长时间等待反馈的场景。
<script type="text/javascript">
function Wait()
{
    
var child=document.createElement("div");
    child.id
="looder";
    child.style.top 
=300;   
    child.style.left  
= 300;   
    child.style.position
="absolute";
    child.innerHTML
="<img src='../img/loadingAnimation.gif'/>";  
     
    document.body.appendChild(child);
    child.focus();
    
}
</script>
this.Button1.Attributes.Add("onclick"this.Page.ClientScript.GetPostBackEventReference(Button1, "Click"+ ";this.disabled=true; this.value='初始化..';Wait();");
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值