-
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> </head> <body> <form> 请选择你爱好:<br> <input type="checkbox" name="hobby" id="hobby1"> 音乐 <input type="checkbox" name="hobby" id="hobby2"> 登山 <input type="checkbox" name="hobby" id="hobby3"> 游泳 <input type="checkbox" name="hobby" id="hobby4"> 阅读 <input type="checkbox" name="hobby" id="hobby5"> 打球 <input type="checkbox" name="hobby" id="hobby6"> 跑步 <br> <input type="button" value = "全选" onclick = "checkall();"> <input type="button" value = "全不选" onclick = "clearall();"> <p>请输入您要选择爱好的序号，序号为1-6:</p> <input id="wb" name="wb" type="text" > <input name="ok" type="button" value="确定" onclick = "checkone();"> </form> <script type="text/javascript"> function checkall(){ var hobby = document.getElementsByTagName("input"); // 任务1 for(var i = 0;i<hobby.length;i++){ if(hobby[i].type == "checkbox"){ hobby[i].checked=true; } } } function clearall(){ var hobby = document.getElementsByName("hobby"); // 任务2 for(var i = 0;i<hobby.length;i++){ if(hobby[i].type == "checkbox"){ hobby[i].checked=false; } } } function checkone(){ var j = document.getElementById("wb").value; if(Number(j)){ if(j <= 0 || j>6){ document.getElementById("wb").value = "请重新输入" }else{ j = j - 1; } }else{ alert("请输入数字") } // 任务3 var hobby = document.getElementsByName("hobby"); hobby[j].checked = true; } </script> </body> </html>查看全部 -
JavaScript计时器
计时器类型
一次性计时器：仅在指定的延迟时间之后触发一次。
间隔性触发计时器：每隔一定的时间间隔就触发一次。
计时器方法
setTimeout();//指定的延迟时间之后来执行代码 clearTimeout()//取消setTimeout()设置 setInterval();//每隔指定的时间执行代码 clearInterval();//取消setInterval()设置
查看全部 -
ddddd查看全部
-
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>实践题 - 选项卡</title> <style type="text/css"> /* CSS样式制作 */ ul,li,div,body{padding:0;margin:0;list-style:none;} a{text-decoration:none;color:#333;} a:hover{color:#c00;} .test-main{width:400px;height:300px;margin:50px auto 0;} .tab-tit{height:36px;line-height:36px;border-bottom:1px solid #ccc;overflow:hidde;} .tab-tit ul li{float:left;margin-right:10px;border:1px solid #ccc;border-bottom:0 none} .tab-tit ul li a{display:block;padding:0 20px;color:#333;} .tab-tit ul li.active{border-top:2px solid #c00;background:#fff;height:35px;} .tab-content{padding:10px;border:1px solid #ccc;border-top:0;} .hide{display: none;} .hide.active{display: block;} .tab-content ul li{height:30px;line-height:30px;} </style> </head> <body> <!-- HTML页面布局 --> <div class="test-main"> <div class="tab-tit"> <ul id="tabTit"> <li class="active"><a href="javascript:void(0)">房产</a></li> <li><a href="javascript:void(0)">家居</a></li> <li><a href="javascript:void(0)">二手房</a></li> </ul> </div> <div class="tab-content" id="tabCon"> <ul class="active"> <li><a href="">275万购昌平邻铁三居 总价20万买一居</a></li> <li><a href="">200万内购五环三居 140万安家东三环</a></li> <li><a href="">北京首现零首付楼盘 53万购东5环50平</a></li> <li><a href="">京楼盘直降5000 中信府 公园楼王现房</a></li> </ul> <ul class="hide"> <li><a href="">40平出租屋大改造 美少女的混搭小窝</a></li> <li><a href="">经典清新简欧爱家 90平老房焕发新生</a></li> <li><a href="">新中式的酷色温情 66平撞色活泼家居</a></li> <li><a href="">瓷砖就像选好老婆 卫生间烟道的设计</a></li> </ul> <ul class="hide"> <li><a href="">通州豪华3居260万 二环稀缺2居250w甩</a></li> <li><a href="">西3环通透2居290万 130万2居限量抢购</a></li> <li><a href="">黄城根小学学区仅260万 121平70万抛!</a></li> <li><a href="">独家别墅280万 苏州桥2居优惠价248万</a></li> </ul> </div> </div> <script type="text/javascript"> window.onload = function(){ var tabTit = document.getElementById("tabTit"); var tabLi = tabTit.getElementsByTagName('li'); var tabCon = document.getElementById("tabCon"); var tabUl = tabCon.getElementsByTagName("ul"); for(var i = 0;i < tabLi.length;i++){ tabLi[i].index=i; tabLi[i].onclick=function(){ for(var j=0;j<tabLi.length;j++){ tabLi[j].classList.remove("active"); tabUl[j].classList.remove("active"); tabUl[j].classList.add("hide") } tabLi[this.index].classList.add("active"); tabUl[this.index].classList.add("active"); } } } </script> </body> </html>查看全部 -
function clock(){ var attime; var time=new Date(); var hours = time.getHours() >9 ? time.getHours() : "0"+time.getHours(); var minutes = time.getMinutes() >9 ? time.getMinutes() : "0"+time.getMinutes(); var seconds = time.getSeconds() >9 ? time.getSeconds() : "0"+time.getSeconds(); attime= hours+":"+minutes+":"+seconds; document.getElementById("clock").value = attime; } setInterval(clock(),1000)查看全部 -
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>计时器</title><script type="text/javascript"> function clock(){ var time=new Date(); document.getElementById("clock").value = time; } function ai(){ var i = setInterval("clock()",100); }; function cl() { var i = clearInterval("clock()",100); } </script></head><body> <form> <input type="text" id="clock" size="50" /> <input type="button" value="Stop" onclick="cl()" /> <input type="button" value="Start" onclick="ai()" /> </form></body></html>查看全部 -
<!DOCTYPE HTML> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>系好安全带,准备启航</title> <script type="text/javascript"> var nowDay = function(){ var nowDate = new Date(); var nowYear = nowDate.getFullYear(); //年 var nowMonth = nowDate.getMonth()+1; //月 var nowD = nowDate.getDate(); //日 var nowDay = nowDate.getDay(); var week = ['日','一','二','三','四','五','六']; return nowYear+"年"+nowMonth+"月"+nowD+"日 "+"星期"+week[nowDay] } var scoreStr = "小明:83;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76;小伟:78;小li:96"; var scorearr = scoreStr.split(";"), total = 0; for(var i = 0;i < scorearr.length;i++){ total+= Number(scorearr[i].split(":")[1]) } var pjCount = total/scorearr.length pjCount = Math.floor(pjCount*100)/100; document.write(nowDay() + "--班级总分为：" + total+"--平均分为："+pjCount); </script> </head> <body> </body> </html>查看全部 -
命名变量是时候为啥要赋值，for循环的时候不是有初始化值了嘛
查看全部 -
长度为啥是用这种方式
var =0;i<2;i++;
查看全部 -
换行符 <br>
(a+"<br>")
查看全部 -
不可作为变量
查看全部 -
Date日期对象
定义时间对象
var Update = neew Date(); //获取当前电脑系统时间 var d = new Date(2012,10,1); //自定义日期，2012年10月1日 var d = new Date('Oct 1,2012');//自定义时间，2012年10月1日日期对象常用的方法
get/setDate()：返回/设置日期
get/setFullYear()：返回/设置年份，用四位数表示
get/setYear()：返回/设置年份
get/setMonth()：返回/设置月份
get/setHours()：0：一月。。。11：十二月，所以加一。
get/setMinutes()：返回/设置小时，24小时制
get/setMinutes()：返回/设置分钟数
get/setSeconds()：返回/设置秒钟数
get/setTime()：返回/设置时间（毫秒为单位）
查看全部 -
<script>
var indos = [
['小A', '女', 21, '大一'],
['小B', '男', 23, '大三'],
['小C', '男', 24, '大四'],
['小D', '女', 21, '大一'],
['小E', '女', 22, '大四'],
['小G', '女', 22, '大二'],
['小F', '男', 21, '大一'],
['小H', '女', 20, '大三'],
['小I', '女', 20, '大一'],
['小J', '男', 20, '大三']
]
var arr = []
for (var i = 0; i < indos.length; i++) {
if (indos[i][3] == '大一') {
arr.push(indos[i])
}
}
for (var j = 0; j < arr.length; j++) {
if (arr[j][1] == '女') {
document.write(arr[j]+"<br>")
}
}
</script>
查看全部
举报
0/150
提交
取消