當(dāng)前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
java基础69 JavaScript产生伪验证码（网页知识）
生活随笔
收集整理的這篇文章主要介紹了
java基础69 JavaScript产生伪验证码（网页知识）
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1、偽驗(yàn)證碼
<!doctype html> //軟件版本：DW2018版 <html> <head> <meta charset="utf-8"> <title>偽驗(yàn)證碼</title> </head> <script type="text/javascript">function createCode(){var datas = ['A','B','C','D','E','王','陳','晶','鄧','2','1','9','4','6'];var codes = "";for(var i = 0;i < 4;i++){//隨機(jī)產(chǎn)生4個(gè)索引值var index = Math.floor(Math.random()* datas.length); //0.0-1.0(不包含1.0) codes+=datas[index];}var spanNode = document.getElementById("code");//獲取span標(biāo)簽的id spanNode.innerHTML = codes;//把驗(yàn)證碼寫到span標(biāo)簽中//設(shè)置驗(yàn)證碼的樣式 spanNode.style.fontSize="20px";spanNode.style.color="#0078D7";spanNode.style.backgroundColor="#FFFF00";spanNode.style.textDecoration="line-through";}document.onreadystatechange = read;//由于下面的函數(shù)read()不起作用，故用此語句解決。（原因：可能是window.onload和body中的onload起沖突） 可參考：https://blog.csdn.net/yansong_8686/article/details/9057019function read(){//此函數(shù)的作用：一打開網(wǎng)頁，即可看到一組驗(yàn)證碼createCode();} </script> <body onLoad="read()"><span id="code"></span> <a href="#" onClick="createCode()">看不清,換一個(gè)</a> </body> </html>效果圖
?
?
?
| 原創(chuàng)作者：DSHORE 作者主頁：http://www.cnblogs.com/dshore123/ 原文出自：https://www.cnblogs.com/dshore123/p/9531317.html 歡迎轉(zhuǎn)載，轉(zhuǎn)載務(wù)必說明出處。（如果本文對(duì)您有幫助，可以點(diǎn)擊一下右下角的 推薦，或評(píng)論，謝謝！） |
轉(zhuǎn)載于:https://www.cnblogs.com/dshore123/p/9531317.html
總結(jié)
以上是生活随笔為你收集整理的java基础69 JavaScript产生伪验证码（网页知识）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： OAuth简介（包含简明使用教程）
- 下一篇： SpringMVC拦截器HandlerI