JS:提供用户的交互的
JS的语法:
变量弱类型:var i=123
区分大小写;
语句结束之后的分号,可以有也可以没有
写在script标签
JS的运算符和JAVA一样
1."==="全等号:值和类型都必须相等
2."=="值相等就可以
JS的输出:
alert()直接弹框
document.wirte()向页面输出
console.log()向控制台输出
innerHTML向页面输出
获得页面元素:document.getElementById("d的名称");
JS声明变量:
var 变量的名称=变量的值
JS声明函数:
var 函数的名称=function(){
}
function函数的名称(){
}
JS的开发步骤:
1.确定事件
2.通常事件都会触发一个函数
3.函数里面通常都会去操作页面元素,做一些交互动作
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
function dianwo(){
alert("我被点击了");
}
</script>
</head>
<body>
<input type="button" value="点我,弹框" onclick="dianwo()" />
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--
1.校验用户名,长度不能小于6位
2.事件要触发函数checkForm()
3.函数中要去做一些校验
-->
<script>
function checkForm(){
var input1=document.getElementById("username");
/*alert(input1.value);*/
var uValue=input1.value;
if(uValue.length>=6)
{
}
else{
alert("对不起,用户名太短啦");
return false;
}
//邮箱的校验
//获取用户的输入的邮箱的内容
var email=document.getElementById("email");
var uEmail=email.value;
if(/^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/.test(uEmail)){
alert("校验成功");
}
else
{
alert("校验失败");
return false;
}
return true;
}
</script>
</head>
<body>
<form action="../01-网站首页的优化/网站首页.html" onsubmit="return checkForm()">
用户名:<input type="text" id="username"/><br />
密码:<input type="password" id="username"/><br />
邮箱<input type="text" id="email" /><br />
<input type="submit" value="提交" />
</form>
</body>
</html>