【JAVASCRIPT】用javascript制作网页验证码登录

最新推荐文章于 2023-10-07 01:07:44 发布

海角的角

最新推荐文章于 2023-10-07 01:07:44 发布

阅读量905

点赞数

分类专栏：前端文章标签： javascript 验证码网页 html

本文链接：https://blog.csdn.net/weixin_43244898/article/details/85008513

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

什么是javascript
在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

基本格式

<script type="text/javascript">
</script>

基本特点

是一种解释性脚本语言（代码不进行预编译）。
主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

日常用途

嵌入动态文本于HTML页面。
对浏览器事件做出响应。
读写HTML元素。
在数据被提交到服务器之前验证数据。
检测访客的浏览器信息。
控制cookies，包括创建和修改等。
基于Node.js技术进行服务器端编程。

用javascript制作网页验证码登录

首先,建立html文档

<!DOCTYPE html>
<html>
<head>
	<title></title>
 	<meta charset="utf-8">
 	<script type="text/javascript">
 	</script>
</head>
<body>
</body>
</html>

建立生成验证码函数

function createCode(len){
	var arr = [1,2,5,3,6,7,0,4,9,8,'a','c','f','e','g','q','E','R','T','J','D','Y','Z'];
	var show = '';
  	for (var i=0;i<=len;i++){
  	var index = parseInt(Math.random()*arr.length);
  	show += arr[index];
  	} 
  	return show;
	}

建立登录函数,调用验证码函数

function validateCode(){
  	var code = createCode(4);
  	var input = prompt('请输入验证码;'+code);
  	if (code.toUpperCase()==input.toUpperCase()){
  	alert('输入正确');
  	}
  	else{
   	alert('输入错误');
 	}

注意: 语句结尾的分号不要丢,花括号一定要成对

在中建立获取验证码按钮

<body>
	<button onclick="validateCode();">获取验证码</button>
</body>

海角的角

关注

0
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
【JAVASCRIPT】用javascript制作网页验证码登录

什么是javascript在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。...
复制链接

扫一扫