js慕课⽹部分编程练习
1.⼩伙伴们，实现在html页⾯中的插⼊JavaScript脚本，打开页⾯时，在页⾯中显⽰⼀句话 : "系好安全带，准备启航--⽬标JS"，并弹出⼀个提⽰框："准备好了，起航吧！"
way1:
<html>
<head>
<title> new document </title>
<script type="text/javascript">
document.write("系好安全带，准备启航--⽬标JS");
alert("准备好了，起航吧！");
</script>
</head>
<body>
</body>js脚本编程入门
</html>
way2:
<html>
<head>
<title> new document </title>
<script src="script.js"></script>
</head>
<body>
</body>
</html>
script.js
document.write("系好安全带，准备启航--⽬标JS");
alert("准备好了，起航吧！");
2.
<head>
<title>JS基础</title>
<script type="text/javascript">
var a,b,sum;
var  a  = 5;
var  b  = 100%7;
alert(a);
sum = a > b && a*b > 0 ;
document.write( "我认为 a 的值是:5  b的值是: 2 sum 的值是:1 <br/>");
document.write( "答案是，第⼀轮计算后，a 为："+ a +";b为："+b +"；第⼀次计算sum为："+ sum +"<br/>");
sum = ( (++a) + 3 ) / (2 - (--b) ) * 3;
document.write( "再⼀次计算后，我认为 a 的值是: 6  b的值是:  1 sum 的值是:  27<br/>");
document.write( "答案是，第⼆轮计算后，a 为：" + a + ";b为：" + b +"；第⼆次计算sum为："+ sum +",sum的类型也发⽣变化了。"); </script>
</head>
<body>
</body>
</html>
3.数组
<head>
<title>表达式</title>
<script type="text/JavaScript">
var myarr = new Array();
myarr[0]=20;
myarr[1]='a';//myarr[1]=a;
document.write("数组的第⼀个值："+myarr[0]);
document.write("数组的第⼆个值："+myarr[1]);
</script>
</head>
<body>
</body>
</html>
4.
编程练习
某班的成绩出来了，现在⽼师要把班级的成绩打印出来。
效果图:
XXXX年XX⽉X⽇星期X--班级总分为:81
格式要求：
1、显⽰打印的⽇期。格式为类似“XXXX年XX⽉XX⽇星期X” 的当前的时间。
2、计算出该班级的平均分（保留整数）。
同学成绩数据如下：
"⼩明:87; ⼩花:81; ⼩红:97; ⼩天:76;⼩张:74;⼩⼩:94;⼩西:90;⼩伍:76;⼩迪:64;⼩曼:76"
<!DOCTYPE  HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带，准备启航</title>
<script type="text/javascript">
//通过javascript的⽇期对象来得到当前的⽇期，并输出。
var date = new Date();
var week = ['星期⽇','星期⼀','星期⼆','星期三','星期四','星期五','星期六'];
//document.write(week[5]);
document.FullYear()+"年"+(Month()+1)+"⽉"+Date()+"⽇ "+Day()]+"<br>");
//成绩是⼀长窜的字符串不好处理，规律后分割放到数组⾥更好操作哦
var scoreStr = "⼩明:87;⼩花:81;⼩红:97;⼩天:76;⼩张:74;⼩⼩:94;⼩西:90;⼩伍:76;⼩迪:64;⼩曼:76";
var scoreArr = scoreStr.split(";");
var sum = 0;
for (i=0;i<scoreArr.length;i++){
// document.write(scoreArr[i].indexOf(":")+"<br>");
// document.write(scoreArr[i].length+"<br>");
sum = sum + parseInt(scoreArr[i].substr(scoreArr[i].indexOf(":")+1,scoreArr[i].length));
//document.write(sum+"<br>");
}
//从数组中将成绩撮出来，然后求和取整，并输出。
var avg = sum/scoreArr.length;
document.write(avg);
</script>
</head>
<body>
</body>
</html>
5.实现“全选”、“全不选”、以及在⽂本框中输⼊输⼊1-6数值，当点击"确定"按钮时，根据输⼊的数值，通过id选中相应的复选项。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<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 = ElementsByName("hobby");
//alert(hobby);
for(i=0;i<hobby.length;i++){
for(i=0;i<hobby.length;i++){
hobby[i].checked =true;
}
// 任务1
}
function clearall(){
var hobby = ElementsByName("hobby");            //alert(hobby.length);
for(i=0;i<hobby.length;i++){
hobby[i].checked =false;
}
// 任务2
}
function checkone(){
clearall();
var hobby = ElementsByName("hobby");            var ElementById("wb").value;
//alert(j);
for(var i=0;i<j.length;i++){
if(j.charAt(i)>6 || j.charAt(i)<1){
alert("越界，请重新输⼊！");
}
}
for(var n=0;n<j.length;n++){
hobby[(j.charAt(n))-1].checked=true;
}
}
</script>
</script>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。