


Native js-Implementierung der Methode zur Generierung von Verifizierungscodes (vollständiger Code)
Der Inhalt dieses Artikels befasst sich mit der Generierungsmethode für den Verifizierungscode für die native JS-Implementierung (vollständiger Code). Ich hoffe, dass er für Sie hilfreich ist.
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .block{ width: 150px; height: 50px; line-height: 50px; border: 1px solid silver; background:url("./img/bg1.png")no-repeat; background-size:120% ; text-align: center; } .btn{ color: green; background-color: #d6ffe1; cursor: pointer; } .yztxt{ width: 150px; height: 20px; border: 1px solid silver; } </style> </head> <body> <p class="block"></p> <span class="btn">看不清....</span><br> <input class="yztxt" type="text"><br> <button class="yz">验证</button> <script> var b=document.getElementsByClassName("block")[0]; var btn=document.getElementsByClassName("btn")[0]; var s=document.getElementsByClassName("txt"); var yztxt=document.getElementsByClassName("yztxt")[0]; var yz=document.getElementsByClassName("yz")[0]; var numrous=""; //定义一个空数组 用来存放生成的验证码 yz.onclick=function(){ //给验证按钮一个方法 判断验证码是否输入正确 if(yztxt.value.length<=0){ alert("请输入验证码:") } else if(yztxt.value== numrous.toLowerCase()){ alert("验证成功!"); } else{ alert("验证失败!"); nrandom();//验证失败重新调随机产生验证码的函数 } }; btn.onclick=function(){//当鼠标点击看不清时,切换验证码 nrandom(); }; nrandom(); function nrandom(){ numrous="";//在产生下一组验证码,清空上次验证码 b.innerHTML="";//清空文本框中验证码 for(var i=0;i<6;i++){ var num=Math.random()*100; //产生数字,大小写字母的总概率100 if(num<=50){ //数字产生的概率50% var n=Math.floor(Math.random()*10); numrous+=n;//将随机产生的数字放在字符串numrous b.innerHTML+="<span class='txt'>"+n+"</span>";//将随机产生的数字在文本框中显示 } else if(num>=50&&num<=80){ //产生小写字母的概率为30% var n =String.fromCharCode(Math.floor(Math.random()*25+97)); numrous+=n; b.innerHTML+="<span class='txt'>"+n+"</span>"; } else{ //产生大写字母的概率20% var n =String.fromCharCode(Math.floor(Math.random()*25+65)); numrous+=n; b.innerHTML+="<span class='txt'>"+n+"</span>"; } } stylezi();//调用验证码字体样式 } //下面分别设置了验证码的颜色,大小,粗细,距左的距离以及倾斜角度 function stylezi(){ for(var i=0;i< s.length;i++){ s[i].style.color="rgb("+Math.floor(Math.random()*255)+","+Math.floor(Math.random()*255)+","+Math.floor(Math.random()*255)+")"; s[i].style.fontSize=(Math.random()*20+15)+"px"; s[i].style.fontWeight=Math.random()*300+200; s[i].style.left=(Math.random()*20-10)+"px"; s[i].style.transform="rotatez("+Math.random()*90-45+"deg)"; } } </script> </body> </html>
Verwandte Empfehlungen:
JS-Code-Implementierung zur Zeitanzeige auf einer Webseite
Wie generiert js einen QR-Code? So generieren Sie QR-Code mit js (Code)
Das obige ist der detaillierte Inhalt vonNative js-Implementierung der Methode zur Generierung von Verifizierungscodes (vollständiger Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Ich habe eine funktionale SaaS-Anwendung mit mehreren Mandanten (eine EdTech-App) mit Ihrem täglichen Tech-Tool erstellt und Sie können dasselbe tun. Was ist eine SaaS-Anwendung mit mehreren Mietern? Mit Multi-Tenant-SaaS-Anwendungen können Sie mehrere Kunden aus einem Sing bedienen

Dieser Artikel zeigt die Frontend -Integration mit einem Backend, das durch die Genehmigung gesichert ist und eine funktionale edtech SaaS -Anwendung unter Verwendung von Next.js. erstellt. Die Frontend erfasst Benutzerberechtigungen zur Steuerung der UI-Sichtbarkeit und stellt sicher, dass API-Anfragen die Rollenbasis einhalten

JavaScript ist die Kernsprache der modernen Webentwicklung und wird für seine Vielfalt und Flexibilität häufig verwendet. 1) Front-End-Entwicklung: Erstellen Sie dynamische Webseiten und einseitige Anwendungen durch DOM-Operationen und moderne Rahmenbedingungen (wie React, Vue.js, Angular). 2) Serverseitige Entwicklung: Node.js verwendet ein nicht blockierendes E/A-Modell, um hohe Parallelitäts- und Echtzeitanwendungen zu verarbeiten. 3) Entwicklung von Mobil- und Desktop-Anwendungen: Die plattformübergreifende Entwicklung wird durch reaktnative und elektronen zur Verbesserung der Entwicklungseffizienz realisiert.

Zu den neuesten Trends im JavaScript gehören der Aufstieg von Typenkripten, die Popularität moderner Frameworks und Bibliotheken und die Anwendung der WebAssembly. Zukunftsaussichten umfassen leistungsfähigere Typsysteme, die Entwicklung des serverseitigen JavaScript, die Erweiterung der künstlichen Intelligenz und des maschinellen Lernens sowie das Potenzial von IoT und Edge Computing.

JavaScript ist der Eckpfeiler der modernen Webentwicklung. Zu den Hauptfunktionen gehören eine ereignisorientierte Programmierung, die Erzeugung der dynamischen Inhalte und die asynchrone Programmierung. 1) Ereignisgesteuerte Programmierung ermöglicht es Webseiten, sich dynamisch entsprechend den Benutzeroperationen zu ändern. 2) Die dynamische Inhaltsgenerierung ermöglicht die Anpassung der Seiteninhalte gemäß den Bedingungen. 3) Asynchrone Programmierung stellt sicher, dass die Benutzeroberfläche nicht blockiert ist. JavaScript wird häufig in der Webinteraktion, der einseitigen Anwendung und der serverseitigen Entwicklung verwendet, wodurch die Flexibilität der Benutzererfahrung und die plattformübergreifende Entwicklung erheblich verbessert wird.

Python eignet sich besser für Datenwissenschaft und maschinelles Lernen, während JavaScript besser für die Entwicklung von Front-End- und Vollstapel geeignet ist. 1. Python ist bekannt für seine prägnante Syntax- und Rich -Bibliotheks -Ökosystems und ist für die Datenanalyse und die Webentwicklung geeignet. 2. JavaScript ist der Kern der Front-End-Entwicklung. Node.js unterstützt die serverseitige Programmierung und eignet sich für die Entwicklung der Vollstapel.

JavaScript erfordert keine Installation, da es bereits in moderne Browser integriert ist. Sie benötigen nur einen Texteditor und einen Browser, um loszulegen. 1) Führen Sie sie in der Browser -Umgebung durch, indem Sie die HTML -Datei durch Tags einbetten. 2) Führen Sie die JavaScript -Datei nach dem Herunterladen und Installieren von node.js nach dem Herunterladen und Installieren der Befehlszeile aus.

So senden Sie im Voraus Aufgabenbenachrichtigungen in Quartz Wenn der Quartz -Timer eine Aufgabe plant, wird die Ausführungszeit der Aufgabe durch den Cron -Ausdruck festgelegt. Jetzt...


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Herunterladen der Mac-Version des Atom-Editors
Der beliebteste Open-Source-Editor

Dreamweaver CS6
Visuelle Webentwicklungstools

ZendStudio 13.5.1 Mac
Leistungsstarke integrierte PHP-Entwicklungsumgebung

EditPlus chinesische Crack-Version
Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion