switch用法
- switch的含义:计算表达式的值,当表达式的值与某个常量的表达式的值相等的时候,会执行case后的语句,并且结束。
- switch的形式:
switch(n){
case1:语句 break;
case2:语句 break;
case3:语句 break;
}
- removeChild:删除指定的子节点的元素内容。
- style.display:属性该元素如何显示.....none:此元素不会显示。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
//统计点击次数
var times = 0;
function show () {
times++;//times = times + 1;
switch (times){
case 1:
document.getElementById("again").innerText="请再次点击这里";
break;
case 2:
document.getElementById("third").innerText="你再点一次看看";
break;
case 3:
document.getElementById("first").innerText="谢谢";
document.getElementById("again").innerText="";
document.getElementById("third").innerText="";
break;
case 4:
document.getElementById("first").innerText="再见";
break;
case 5:
var childnode = document.getElementById("div001");
document.getElementById("main").removeChild(childnode);
//删除div区域的内容;
//document.getElementById("div001").style.display="none";
//隐藏div区域
break;
default:
alert(times);
break;
}
}
</script>
</head>
<body id="main">
<div id="div001"
style="width:30%;height:200px;background-color: green;"
onclick="show();">
<h1 id="first" style="color: white;">点击这里</h1>
<h1 id="again" style="color: white;"></h1>
<h1 id="third" style="color: white;"></h1>
</div>
</body>
</html>
isNaN的用法和正则表达式的运用
- isNaN():判断一个数不是数值的函数
- n.test():判断正则表达式的格式是否正确
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function checkout(x) {
var a = Number(x);
if (isNaN(a)) {
document.getElementById("amount_error").innerHTML="请输入正确的数值";
return false;
}else{
document.getElementById("amount_error").innerHTML="";
return true;
}
}
function qq1(qq2) {
var reg = /^[0-9]{5,11}$/;
if (reg.test(qq2)==true) { // 检查号码符不符合正则表达式,比如不能超过多少个字;
document.getElementById("qq3").innerHTML="";
return true;
}else{
document.getElementById("qq3").innerHTML="*请输入5到11位的数字";
return false;
}
}
</script>
</head>
<body>
<h1>这是一个一级标题</h1>
请输入金额:
<input type="text" id="amount" value="0.00" onblur="checkout(this.value)" />
<span id="amount_error"></span>
请输入QQ号:
<input type="text" name="qq" id="qq" value="" onblur="qq1(this.value)"/>
<span id="qq3"></span>
</body>
</html>
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。