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 相关文章推荐
js 面向对象的技术创建高级 Web 应用程序
Feb 25 Javascript
javascript奇异的arguments分析
Oct 20 Javascript
JS获取月的最后一天与JS得到一个月份最大天数的实例代码
Dec 16 Javascript
jQuery.Highcharts.js绘制柱状图饼状图曲线图
Mar 14 Javascript
JavaScript自学笔记(必看篇)
Jun 23 Javascript
Bootstrap php制作动态分页标签
Dec 23 Javascript
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
Mar 24 jQuery
详解JavaScript按概率随机生成事件
Aug 02 Javascript
Node.js readline模块与util模块的使用
Mar 01 Javascript
react build 后打包发布总结
Aug 24 Javascript
浅谈Three.js截图并下载的大坑
Nov 01 Javascript
Vue项目中使用mock.js的完整步骤
Jan 12 Vue.js
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
PHP中curl_setopt函数用法实例分析
2015/04/16 PHP
ThinkPHP安装和设置
2015/07/27 PHP
php session 写入数据库
2016/02/13 PHP
thinkphp跨库操作的简单代码实例
2016/09/22 PHP
JavaScript去除空格的几种方法
2006/10/03 Javascript
解析JavaScript中的标签语句
2013/06/19 Javascript
node.js中的fs.writeSync方法使用说明
2014/12/15 Javascript
jQuery实现自动输入email、时间和域名的方法
2016/08/24 Javascript
Jquery Easyui日历组件Calender使用详解(23)
2016/12/18 Javascript
简单易懂的天气插件(代码分享)
2017/02/04 Javascript
Vue指令的钩子函数使用方法
2017/03/20 Javascript
JavaScript中var的重要性实例分析
2019/07/09 Javascript
vue父子组件的通信方法(实例详解)
2019/11/10 Javascript
Vue如何跨组件传递Slot的实现
2020/12/14 Vue.js
使用py2exe在Windows下将Python程序转为exe文件
2016/03/04 Python
利用python获取某年中每个月的第一天和最后一天
2016/12/15 Python
Python对excel文档的操作方法详解
2018/12/10 Python
tensorflow实现读取模型中保存的值 tf.train.NewCheckpointReader
2020/02/10 Python
TFRecord文件查看包含的所有Features代码
2020/02/17 Python
TensorFlow tf.nn.softmax_cross_entropy_with_logits的用法
2020/04/19 Python
python的help函数如何使用
2020/06/11 Python
python实现批量命名照片
2020/06/18 Python
如何用border-image实现文字气泡边框的示例代码
2020/01/21 HTML / CSS
会议邀请书范文
2014/02/02 职场文书
质检部经理岗位职责
2014/02/19 职场文书
《老山界》教学反思
2014/04/08 职场文书
学校地质灾害防治方案
2014/06/10 职场文书
服装仓管员岗位职责
2014/06/17 职场文书
关于环保的活动方案
2014/08/25 职场文书
2014国庆节主题活动方案:快乐的国庆节
2014/09/16 职场文书
2014年小学生迎国庆65周年演讲稿
2014/09/27 职场文书
2014年社区工作总结
2014/11/18 职场文书
2015最新婚礼主持词
2015/06/30 职场文书
VUE解决跨域问题Access to XMLHttpRequest at
2022/05/06 Vue.js
SQL Server中的游标介绍
2022/05/20 SQL Server
Valheim服务器 Mod修改安装教程 【ValheimPlus】
2022/12/24 Servers