這篇文章主要為大家展示了“如何實現.net驗證碼的刷新或局部刷新”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“如何實現.net驗證碼的刷新或局部刷新”這篇文章吧。
成都創新互聯公司基于成都重慶香港及美國等地區分布式IDC機房數據中心構建的電信大帶寬,聯通大帶寬,移動大帶寬,多線BGP大帶寬租用,是為眾多客戶提供專業成都服務器托管報價,主機托管價格性價比高,為金融證券行業服務器托管,ai人工智能服務器托管提供bgp線路100M獨享,G口帶寬及機柜租用的專業成都idc公司。代碼如下:
<form method="post" name="login" action="">
驗 證 碼:<input type="text" name="code" class="text code" /> <img src="code.php" id="code" />
</form>
方法一:使用JavaScrip的偽類實現
復制代碼 代碼如下:
<img src="code.php" id="code" onclick="javascript:this.src='code.php?tm='+Math.random()" />
方法二:引入外部文件
在html文件的<head></head>之間引入外部文件
復制代碼 代碼如下:
<script type="text/javascript" src="js/code.js"></script>
//外部文件code.js設置局部刷新函數
function code () {
var code = document.getElementByIdx_x_x('code');
code.onclick = function () {
this.src='code.php?tm='+Math.random();
};
};
另外,如果是想在驗證碼旁邊加上一內容,然后點擊該內容驗證碼刷新的話,可以用下列方法
復制代碼 代碼如下:
<form method="post" name="login" action="">
驗 證 碼:<input type="text" name="code" class="text code" /> <img src="code.php" id="code" />
<span id="update">點擊刷新驗證碼</span>
</form>
方法一:使用JavaScrip的偽類實現
復制代碼 代碼如下:
<img src="code.php" id="code"/><span id="update" onclick="javascript:code.src='code.php?tm='+Math.random()"></span>
方法二:引入外部文件
在html文件的<head></head>之間引入外部文件
復制代碼 代碼如下:
<script type="text/javascript" src="js/code.js"></script>
//外部文件code.js設置局部刷新函數
function code () {
var code = document.getElementByIdx_x_x('code');
var update = document.getElementByIdx_x_x('update');
update.onclick = function () {
code.src='code.php?tm='+Math.random();
};
};
以上是“如何實現.net驗證碼的刷新或局部刷新”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創新互聯行業資訊頻道!
新聞標題:如何實現.net驗證碼的刷新或局部刷新-創新互聯
文章源于:http://m.newbst.com/article12/dpedgc.html
成都網站建設公司_創新互聯,為您提供域名注冊、網站設計、網站收錄、網站維護、網站策劃、企業建站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯