CSS要前置内容要先展示出来，JavaScript要后置
ES - javascript的语法规范 -版本5.1
BOM - Browser Object Model - 浏览器对象模型
window、window. 来调用方法
DOM---Document Object Model --文档对象模型
document(在window之下) 、通过document. 来调用方法。
标签[属性]{}---属性选择器
prompt --弹出输入框
alert--弹出消息
NaN--not a number
parseTnt ---解析出字符串中的整数
parseFloat ---解析出小数
&& 而且;|| 或者;! 逻辑变反
1TBS风格 --C/Unix --Dennis M.Ritchie 一种真正的括号
Allman --FreeBSD--Allman
while 不清楚循环的次数时候用
for--知道循环的次数用
do while --至少要执行一次的循环
一个简单检测限行
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<style type="text/css">
#timer{
/* width: 200px; */
/* height: 40px; */
background-color:blanchedalmond;
float: right;
}
#carno{
border:none;
border-bottom: 1px solid black;
outline:none;
width: 300px;
font-size: 20px;
}
#butt,#clear{
border: none;
background-color: crimson;
width: 100px;
height: 50px;
font-size: 20px;
outline: none;
}
#decector{
text-align: center;
margin-top:200px ;
}
#result{
font-size: 30px;
color: red;
text-align: center;
}
</style>
</head>
<body>
<div id="decector">
<input type="text" name="" id="carno" value="" align="center" placeholder="请输入车牌号..."/></p>
<input type="button" name="" id="butt" value="检测" onclick="showResult()"/>
<input type="button" name="" id="clear" value="清空记录" onclick="clearResult()" />
</div>
<b><hr ></b>
<p id="result"></p>
<b><hr ></b>
<p>hellow world</p>
<div id="timer"></div>
<button onclick="shutdown()">关闭</button>
<button onclick="openBaidu()">打开百度</button>
<script>
function showResult(){
var input = document.getElementById('carno');
var p = document.getElementById('result');
var carno = input.value
var regex = /^[川京沪晋渝][a-zA-Z]\s*[0-9A-Z]{5}$/
if(regex.test(carno)){
var digitStr = lastDigit(carno);
if(digitStr){
var digit = parseInt(digitStr);
var day = new Date().getDay();
if(digit % 5 ==day || digit % 5 ==day-5){
concent = p.innerHTML
p.innerHTML =carno+'今日限行<br>'+concent
}else{
concent = p.innerHTML
p.innerHTML= carno+'今日不限行<br>'+concent
}
}else{
concent = p.innerHTML
p.innerHTML= carno+'无效<br>'+concent
}
}else{
concent = p.innerHTML
p.innerHTML = carno+'无效<br>'+concent
}
input.value = '';
}
function clearResult(){
var p = document.getElementById('result')
p.innerHTML = ''
}
function lastDigit(str){
for(var index = str.length-1;index >=0;index-=1){
var digitStr = str[index];
if(digitStr >= '0' && digitStr <= '9'){
return digitStr
}
}
return null
}
<>
判断闰年
var name=window.prompt('请输入用户名:')
if(name != 'null' && name.trim().length > 0){
window.alert('你好'+name+'!');
}else{
window.alert('大家好！');
}
var flag =true
while(flag){
var yearStr = window.prompt('请输入年份')
year = parseInt(yearStr)
if(year ==yearStr && year > 0){
if( year % 4==0 && year % 100 !=0 || year % 400 ==0){
window.alert('是闰年');
}else{
window.alert('不是闰年');
}
flag = window.confirm('是否继续？')
// 选取消flag就flase,while就结束循环.
}else{
window.alert('输入有误');
}
}
网友评论