<!--// prompt --弹出输入框
// alert--弹出消息
// NaN--not a number
//parseTnt ---解析出字符串中的整数
//parseFloat ---解析出小数
// && 而且;|| 或者;! 逻辑变反
//1TBS风格 --C/Unix --Dennis M.Ritchie 一种真正的括号
//Allman --FreeBSD--Allman
//while 不清楚循环的次数时候用
//for--知道循环的次数用
//do while --至少要执行一次的循环-->
<!-- css要前置。JS要后置 -->
<!-- JS = ES+BOM+DOM
<!-- ES - javascript的语法规范 -版本5.1-->
<!-- BOM - Browser Object Model - 浏览器对象模型 - window
<!-- DOM---Document Object Model --文档对象模型-document
<!-- 标签[属性]{}---属性选择器 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>二阶段day6</title>
</head>
<body>
<h1>娃哈哈</h1>
===========================================================
//在网页上添加当前时间
<div id="timer" style="background: aqua;float: right;">
</div>
<script type="text/javascript">
var weekday=['日','一','二','三','四','五','六'];
function showtime(){
var now= new Date();
var year=now.getFullYear();
var month=now.getMonth()+1;
var date=now.getDate();
var hour=now.getHours();
var minute=now.getMinutes();
var second=now.getSeconds();
var day=now.getDay();
//三元表达式——》（）
var timeStr=year+'年'+(month<10? '0':'')+month+'月'+
(date<10? '0':'')+date+'日'+
(hour<10? '0':'')+hour+'时'+
(minute<10? '0':'')+minute+'分'+
(second<10? '0':'')+second+'秒'+
' 星期'+weekday[day]
var div=document.getElementById('timer');
// div.textContent=timeStr;
// textContent——》纯文本文件，会导致其对应的内容以纯文本输出，无法识别内容的实体替换符，例如空格符号 ；无法识别为空格；
div.innerHTML=timeStr;
// innerHTML——》能识别实体替换符；
}
showtime();
window.setInterval(showtime,1000);//注意传入的是函数名，不要加括号；
</script>
====================================================
//在网页添加按钮实现新开网页和关闭当前网页
<button onclick="shutdown()">关闭</button>
<button onclick="openBaidu()">打开百度</button>
<script type="text/javascript">
function shutdown(){
var re=window.prompt('确认关闭？(Y/N)')
if (re=='Y' || re=='y' ){
window.close()
}else{
window.alert('不是真心关闭！out')
}
}
function openBaidu(){
window.open('http://www.baidu.com','width=300','height=300')
}
</script>
===============================================
//查询年份是否闰年
<script type="text/javascript">
// /*
// window.prompt()——>弹窗提示括号里的内容+输入框输入值
// window.alert()——>弹窗提示括号内容
// parseInt()——>将括号里内容转化成整形
// */
var yearStr=window.prompt('请输入年份:')
var year=parseInt(yearStr)
if (year==yearStr && year>0){
if (year%4==0 && year % 100 != 0 || year%400==0){
window.alert('你好，'+year+'年是闰年!')
}else{
window.alert(year+'年不是闰年!')
}
}else{
window.alert('请输入有效年份!')
}
</script>
=================================================
//查询车牌是否当天限行
<script type="text/javascript">
//遍历车牌取最后一位数字返回——》写成函数
function lastDigit(str){
for(var index=str.length-1;index >=0; index-=1){
var digitStr=str[index]
if ('0'<=digitStr<='9'){
return digitStr
}
}
return null
}
var carNo=window.prompt('请输入车牌号:');
var regex=/^[川云贵渝京津冀][A-Z]\s*[0-9A-Z]{5}$/
if (regex.test(carNo)){
//将符合正则表达式且执行过lastDigit函数的返回值赋值给变量digitStr；
var digitStr=lastDigit(carNo)
if (digitStr){
//将字符串数字变为整形数字
var digit=parseInt(digitStr)
//定义变量day取值星期{0—6}
var day=new Date().getDay()
if(0<day<6 && (digit %5==day || digit %5==day-5)){
window.alert('今日限行')
}else{
window.alert('今日不限行')
}
}else{
window.alert('请输入有效车牌号')
}
}else{
window.alert('请输入有效车牌号')
}
</script>
</body>
</html>
网友评论