Java web笔记6：JavaScript--js事件，正则表达式

最新推荐文章于 2024-06-17 20:59:57 发布

慕慕和小绵羊

最新推荐文章于 2024-06-17 20:59:57 发布

阅读量510

点赞数

分类专栏： java web 文章标签：正则表达式 javascript 前端

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

版权

java web 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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>

慕慕和小绵羊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Java web笔记6：JavaScript--js事件，正则表达式

JavaScript一.js事件1.事件的介绍html事件是发生在html元素上的事情，是浏览器或用户做的某些事情，事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。2.常见事件属性此事件发生在何时...onclick 当用户点击某个对象时调用事件ondblclick 当用户双击某个对象时调用事件onchange 域的内容被改变onblur 元素失去焦点onfocus 元素获得焦点onload 一张页面或者一张图像完成加载onsubmit
复制链接

扫一扫