快捷導(dǎo)航

javascript實(shí)現(xiàn)點(diǎn)擊提交按鈕后顯示loading的方法

更新時(shí)間：2015年07月03日 15:54:29 作者：不吃皮蛋

這篇文章主要介紹了javascript實(shí)現(xiàn)點(diǎn)擊提交按鈕后顯示loading的方法,涉及javascript動(dòng)態(tài)設(shè)置頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了javascript實(shí)現(xiàn)點(diǎn)擊提交按鈕后顯示loading的方法。分享給大家供大家參考。具體如下：

這里可以實(shí)現(xiàn)點(diǎn)擊提交按鈕后顯示loading，防止用戶重復(fù)提交

<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>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

在ABP框架中使用BootstrapTable組件的方法
ABP是“ASP.NET Boilerplate Project (ASP.NET樣板項(xiàng)目)”的簡(jiǎn)稱，它是一個(gè)成熟的開源框架，基于DDD+Repository模式，自帶Zero權(quán)限和認(rèn)證模塊，避免了從零開始搭建框架的煩惱。今天來分享下如何在ABP框架的模式里面使用bootstrapTable組件。
2017-07-07
JavaScript中最簡(jiǎn)潔的編碼html字符串的方法
這篇文章主要介紹了JavaScript中最簡(jiǎn)潔的編碼html字符串的方法,非常非常簡(jiǎn)潔的一個(gè)方法,小編親測(cè)可用,需要的朋友可以參考下
2014-10-10
Javascript自定義事件詳解
這篇文章主要介紹了Javascript自定義事件，本質(zhì)就是觀察者模式，好處就是將綁定事件和觸發(fā)事件相互隔離開等等，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
Js+Dhtml:WEB程序員簡(jiǎn)易開發(fā)工具包(預(yù)先體驗(yàn)版)
Js+Dhtml:WEB程序員簡(jiǎn)易開發(fā)工具包(預(yù)先體驗(yàn)版)...
2006-11-11
使用JS手寫一個(gè)類似?Laravel?驗(yàn)證器的表單驗(yàn)證器
這篇文章主要為大家介紹了使用JS手寫一個(gè)類似?Laravel?驗(yàn)證器的表單驗(yàn)證器實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-06-06
JavaScript日期格式化技巧分享
在 JavaScript 中,日期和時(shí)間的處理與格式化是非常常見的需求,JavaScript 提供了內(nèi)置的 Date 對(duì)象用于操作日期和時(shí)間,但它的格式化功能較為有限,為了更方便地格式化日期,通常需要結(jié)合一些額外的工具或庫(kù),本文涵蓋了從基礎(chǔ)到進(jìn)階的日期格式化技巧
2024-10-10
使用javascript將時(shí)間轉(zhuǎn)換成今天，昨天，前天等格式
這篇文章主要介紹了使用javascript將時(shí)間轉(zhuǎn)換成今天，昨天，前天等格式的相關(guān)資料,需要的朋友可以參考下
2015-06-06
javascript操作向表格中動(dòng)態(tài)加載數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了javascript操作向表格中動(dòng)態(tài)加載數(shù)據(jù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-08-08
常常會(huì)用到的截取字符串substr()、substring()、slice()方法詳解
javascript中給我們提供三個(gè)截取字符串的方法,分別是:slice(),substring()和substr()。下面我們對(duì)這三個(gè)函數(shù)進(jìn)行詳細(xì)說明和比較,需要的朋友可以參考下
2015-12-12
js識(shí)別不同瀏覽器基于userAgent做判斷
本節(jié)主要介紹了js識(shí)別不同瀏覽器依據(jù)是userAgent，需要的朋友可以參考下
2014-07-07