事件;
1. 定义:指某个视为的被动行为 是指文档或者浏览器通过某个交互的瞬间;同时,是接受外界的指令;
2.类型:用来说明发生什么事件的字符串;
鼠标事件,键盘事件 ,加载事件 表单提交事件;
- 目标:与事件关联的对象,是指事件添加的对象;
加载事件load
4.处理程或者事件监听程序 ;
或者发生某个交互的瞬间要根据指令完成的一种行为;
5. 事件的对象:是指给事件 提供详细事件的信息;
6.鼠标移动事件 根据对象可以获取与事件相关联的详细信息鼠标移动当前的坐标位置;
事件的应用案例(return false:阻止默认跳转 focus设置焦点 prevent )
get提交数据:
会将数据显示在url地址栏中,不安全,并且提交的数据量小 ,不能超出255个字符
post提交数据:
不会将数据显示在url地址栏中,安全性高,并且提交的数据量大
表单提交验证案例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--表单提交-->
<script type="text/javascript">
//获取表单
window.onload=function(){
//获取表单中的按钮元素
var zh =document.form1.zh;
//console.log(zh);
var mm =document.form1.mm;
//console.log(mm);
//获取表单
var form1 =document.getElementsByName('form1')[0];
//console.log(form1);
//获取前台账号和密码
form1.onsubmit=function()
{
if(zh.value=='521'&&mm.value=='1314')
{
alert('登录成功')
}else{
alert('登录失败')
zh.value='';
mm.value='';
zh.focus();
}
}
}
</script>
</head>
<body>
<!--表单提交案例分析:
1.创建页面的html结构;
2.获取页面中的元素(文本框,密码框,按钮);
3.给按钮添加事件(obsubmit);
4.为事件添加 事件处理程序;
5.获取前台 用户输入的用户名和密码;
6.判断用户名和密码 是否一致;===> 预设一些伪数据 其实 真正的操作中,这样的数据来自于数据库
7.根据用户输入的正确与否 显示不同提示-->
<form action="beijing.html" name="form1">
账号:<input type="text" name="zh" value="" placeholder="请输入账号" />
<br />
密码:<input type="password" name="mm" value="" placeholder="请输入密码"/>
<br />
<input type="image" name="..." src="img/yang1.png" size="1" onClick="document.form1.submit()">
</form>
</body>
</html>