javascript实现点击提交按钮后显示loading的方法


Posted in Javascript onJuly 03, 2015

本文实例讲述了javascript实现点击提交按钮后显示loading的方法。分享给大家供大家参考。具体如下:

这里可以实现点击提交按钮后显示loading,防止用户重复提交

<style>
#loading { 
  position:absolute; 
  width:500px; 
  height:50px; 
  top:50%;
  left:50%; 
  margin: -25px -150px;
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
  text-align:center;
  padding:20px;
}
</style>
<div id="loading" style="display:none">
<img src="image/ajax.gif" /> Loading...
</div>
<a href="#" onclick="document.getElementById('loading').style.display='';">test</a>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
纯JavaScript实现获取onclick、onchange等事件的值
Dec 29 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
Nov 24 Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
May 30 Javascript
js HTML5 Canvas绘制转盘抽奖
Sep 13 Javascript
JS实现给json数组动态赋值的方法示例
Mar 19 Javascript
原生JavaScrpit中异步请求Ajax实现方法
Nov 03 Javascript
JS二级菜单不同实现方法分析【4种方法】
Dec 21 Javascript
vue实现鼠标移入移出事件代码实例
Mar 27 Javascript
Vue Echarts实现可视化世界地图代码实例
May 07 Javascript
微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)
Jul 25 Javascript
使用JavaScrip模拟实现仿京东搜索框功能
Oct 16 Javascript
js实现简单的打印表格
Jan 15 Javascript
jQuery动态背景图片效果实现方法
Jul 03 #Javascript
js实现防止被iframe的方法
Jul 03 #Javascript
node.js中格式化数字增加千位符的几种方法
Jul 03 #Javascript
node.js调用C++开发的模块实例
Jul 03 #Javascript
使用jspdf生成pdf报表
Jul 03 #Javascript
JSON相关知识汇总
Jul 03 #Javascript
javascript表格的渲染组件
Jul 03 #Javascript
You might like
曾在DC漫画界反派角色扮演的演员,谁才是你心目中的小丑之王?
2020/04/09 欧美动漫
在PWS上安装PHP4.0正式版
2006/10/09 PHP
PHP中构造函数和析构函数解析
2014/10/10 PHP
Yii2框架dropDownList下拉菜单用法实例分析
2016/07/18 PHP
IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结
2012/05/14 Javascript
js简单实现让文本框内容逐个字的显示出来
2013/10/22 Javascript
javascript解析xml实现省市县三级联动的方法
2015/07/25 Javascript
详解javascript中的事件处理
2015/11/06 Javascript
jQuery DataTables插件自定义Ajax分页实例解析
2020/04/28 Javascript
jQuery实现可展开折叠的导航效果示例
2016/09/12 Javascript
深入了解JavaScript的逻辑运算符(与、或)
2016/12/20 Javascript
利用Vue.js实现求职在线之职位查询功能
2017/07/03 Javascript
vue 打包后的文件部署到express服务器上的方法
2017/08/09 Javascript
微信小程序支付功能 php后台对接完整代码分享
2018/06/12 Javascript
Vue配合iView实现省市二级联动的示例代码
2018/07/27 Javascript
基于vue实现圆形菜单栏组件
2019/07/05 Javascript
单线程JavaScript实现异步过程详解
2020/05/19 Javascript
支付宝小程序实现省市区三级联动
2020/06/21 Javascript
用实例解释Python中的继承和多态的概念
2015/04/27 Python
linux环境下python中MySQLdb模块的安装方法
2017/06/16 Python
分享一下如何编写高效且优雅的 Python 代码
2017/09/07 Python
Python文本处理之按行处理大文件的方法
2018/04/09 Python
python 每天如何定时启动爬虫任务(实现方法分享)
2018/05/21 Python
python输出数组中指定元素的所有索引示例
2019/12/06 Python
灵活运用CSS3特性绘制简易版围棋效果
2016/09/28 HTML / CSS
CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性
2014/09/02 HTML / CSS
英国乐购杂货:Tesco Groceries
2018/11/29 全球购物
博士生入学考试推荐信
2013/11/17 职场文书
医学专业毕业生个人求职信
2013/12/25 职场文书
简历自我评价怎么写好呢?
2014/01/04 职场文书
关于人生的感言
2014/01/17 职场文书
房产授权委托书范本
2014/09/22 职场文书
出差报告范文
2014/11/06 职场文书
最新农村养殖致富:资金投入较低的创业项目有哪些?
2019/09/26 职场文书
SqlServer: 如何更改表的文件组?(进而改变存储位置)
2021/04/05 SQL Server
Golang 并发下的问题定位及解决方案
2022/03/16 Golang