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