CSS要前置內(nèi)容要先展示出來,JavaScript要后置
ES - javascript的語法規(guī)范 -版本5.1
BOM - Browser Object Model - 瀏覽器對象模型
window、window. 來調(diào)用方法
DOM---Document Object Model --文檔對象模型
document(在window之下) 、通過document. 來調(diào)用方法。
標簽[屬性]{}---屬性選擇器
prompt --彈出輸入框
alert--彈出消息
NaN--not a number
parseTnt ---解析出字符串中的整數(shù)
parseFloat ---解析出小數(shù)
&& 而且;|| 或者;! 邏輯變反
1TBS風格 --C/Unix --Dennis M.Ritchie 一種真正的括號
Allman --FreeBSD--Allman
while 不清楚循環(huán)的次數(shù)時候用
for--知道循環(huán)的次數(shù)用
do while --至少要執(zhí)行一次的循環(huán)
一個簡單檢測限行
<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('是否繼續(xù)?')
// 選取消flag就flase,while就結束循環(huán).
}else{
window.alert('輸入有誤');
}
}