Java web笔记6：JavaScript--js事件，正则表达式_java 正则匹配 js on事件-CSDN博客

本文链接：https://blog.csdn.net/qq_46617150/article/details/122573819

JavaScript

一.js事件
1.事件的介绍
html事件是发生在html元素上的事情，是浏览器或用户做的某些事情，事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。
2.常见事件

属性				此事件发生在何时...
onclick			当用户点击某个对象时调用事件
ondblclick		当用户双击某个对象时调用事件
onchange		域的内容被改变
onblur			元素失去焦点
onfocus			元素获得焦点
onload			一张页面或者一张图像完成加载
onsubmit		确认按钮被点击，表单被提交
onkeydown		某个键盘被按下
onkeypress		某个键盘被按住
onkeyup			某个键盘被松开
onmousedown		鼠标按钮被按下
onmouseup		鼠标按钮被松开
onmouseout		鼠标从某个元素移开
onmouseover		鼠标移动到某个元素
onmousemove		鼠标被移动

点击事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="按钮" onlick="fn1()">
<input type="button" value="另一个按钮">

<script>
    function fn1() {
        alert("我被点击了")

    }

    btn.onclick=function () {
        console.log("点击了另外一个按钮")

    }
</script>

</body>
</html>

3.绑定事件

二.正则表达式
1.正则表达式概述
正则表达式是对字符串操作的一种逻辑公式，就是事先定义好一些特定字符，及这些特定字符的组合，组成一个规则字符串，这个规则字符串用来表达对字符串的一种过滤逻辑。
正则表达式时用来校验字符串是否满足一定的规章公式。
2.正则表达式的语法

创建对象
	对象形式 var reg =new RrgExp("正则表达式")
直接方式
	var reg =/正则表达式/---我们一般使用这种声明方式
常用方法
	test（String）校验字符串格式  参数：要校验的字符串  返回值：Boolean 校验通过返回true
规则
	符号			作用
	\d		        数字
	\D 				非数字
	\w				英文字符：a-zA-Z0-9
	\W  			非英文字符
	.				通配符，匹配任意字符
	{n}				匹配n次
	{n，}			大于或等于n次
	{n，m}			匹配次数在n次和m次之间
	+				1到n次
	*				0到n次
	？				0到1次
	^				匹配开头
	$				匹配结尾
	[a-zA-Z]		英文字母
	[a-zA-Z0-9]		英文字母和数字
	[xyz]			字符集合，匹配所包含的任意一个字符

3.使用示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>正则表达式</title>
</head>
<body>
<!--
1.出现任意数字三次
2.只能是英文字母，出现6-10次之间
3.只能是英文字母和数字组成，长度为4-16个字符，并且以英文字母开头
4.手机号码：以1开头，第二位是3，4，5，6，7，8，9的11数字
-->
<script>
    //1
    //创建正则表达式
    var reg1=/^\d{3}$/
    var str1="1234";
    var flag1=reg1.test(str1);
    alert("flag1"+flag1)
    //2
    var reg2=/^[a-zA-Z]{6,10}$/;
    var str2="abcdef";
    alert(reg2.test(str2));
    //3
    var reg3=/^[a-zA-Z][a-zA-Z0-9]{3,15}$/;
    var str3="zs";
    alert(reg3.test(str3));
    //4
    var reg4=/^1[3456789]\d{9}$/
    var str4="188245889"
    alert(reg4.test(str4))

</script>
</body>
</html>