Java web笔记6:JavaScript--js事件,正则表达式

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开头,第二位是345678911数字
-->
<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
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值