James03的代码

7-23 编程练习

<!DOCTYPE  HTML>

<html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>系好安全带,准备启航</title>

<script type="text/javascript">

//通过javascript的日期对象来得到当前的日期，并输出

var mydate=new Date();

var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];



//成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦

var scoreStr =["小明:87","小花:81","小红:97","小天:76","小张:74","小小:94","小西:90","小伍:76","小迪:64","小曼:76"];



//从数组中将成绩撮出来，然后求和取整，并输出。

var score=new Array();

var sum=0;

for(var i=0;i<scoreStr.length;i++){

    score[i]=parseInt(scoreStr[i].slice(-2));

    sum=sum+score[i];

}

document.write(mydate.getFullYear()+"年"+(mydate.getMonth()+1)+"月"+mydate.getDate()+"日"+" "+weekday[mydate.getDay()]+"--"+"班级平均分为："+Math.floor(sum/score.length));



</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-22 数组排序sort()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Array对象 </title>

<script type="text/javascript">

   function sortNum(a,b) {

        return b-a;

   }

var myarr = new Array("80","16","50","6","100","1");

document.write(myarr.sort(sortNum));

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-21 选定元素slice()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Array对象 </title>

<script type="text/javascript">

   var myarr1= ["我","爱","你"];

 document.write(myarr1.slice(1));  

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-20 颠倒数组元素顺序reverse()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Array对象 </title>

<script type="text/javascript">

   var myarr1= ["我","爱","你"];

document.write(myarr1.reverse());   

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-19 指定分隔符连接数组元素join()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Array对象 </title>

<script type="text/javascript">

    var myarr1= new Array("86","010")

    var myarr2= new Array("84697581");

   var myarr3= myarr1.concat(myarr2);

document.write(myarr3.join("-"));

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-18 数组连接concat()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Array对象 </title>

<script type="text/javascript">

    var myarr1= new Array("010")

    var myarr2= new Array("-","84697581");

    document.write(myarr1.concat(myarr2));

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-17 Array 数组对象

2018-04-27 查看完整代码

7-16 随机数 random()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Math </title>

<script type="text/javascript">

document.write(Math.round((Math.random())*10));

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-15 四舍五入round()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Math </title>

<script type="text/javascript">

document.write(Math.round(3.3)+"<br />");

document.write(Math.round(-0.1)+"<br />");

document.write(Math.round(-9.9)+"<br />");

document.write(Math.round(8.9));

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-14 向下取整floor()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Math </title>

<script type="text/javascript">

document.write(Math.floor(3.3)+ "<br>")

document.write(Math.floor(-0.1)+ "<br>")

document.write(Math.floor(-9.9)+ "<br>")

document.write(Math.floor(8.9))

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-13 向上取整ceil()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Math </title>

<script type="text/javascript">

document.write(Math.ceil(3.3)+"<br />");

document.write(Math.ceil(-0.1)+"<br />");

document.write(Math.ceil(-9.9)+"<br />");

document.write(Math.ceil(8.9));

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-12 Math对象

2018-04-27 查看完整代码

7-11 提取指定数目的字符substr()

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script type="text/javascript">

var mystr="Hello World!";

document.write(mystr.substr(6)+ "<br />");

document.write(mystr.substr(0,5));

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-10 提取字符串substring()

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>string对象</title>

<script type="text/javascript">

var mystr="Hello World!"

document.write(mystr.substring(6)+ "<br />");

document.write(mystr.substring(0,5));

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-9 字符串分割split()

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script type="text/javascript">

var mystr="86-010-85468578";

document.write(mystr.split("-")+ "<br />");

document.write(mystr.split("")+ "<br />");

document.write(mystr.split("",3));

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-8 返回指定的字符串首次出现的位置

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>string对象 </title>

<script type="text/javascript">

  var mystr="Hello World!"

  document.write(mystr.indexOf("o",mystr.indexOf('o')+1));

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-7 返回指定位置的字符

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>string对象 </title>

  <script type="text/javascript">

  var mystr="I love JavaScript!"

  document.write(mystr.charAt(mystr.length-1));

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-6 String 字符串对象

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>string对象 </title>

  <script type="text/javascript">

    var message="I love JavaScript!";

    var mychar=message.toLowerCase();

    document.write("字符串为："+mychar+"<br>");

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-5 返回/设置时间方法

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>日期对象 </title>

<script type="text/javascript">

 var mydate=new Date();

  document.write("当前时间："+mydate+"<br>");

  mydate.setTime(mydate.getTime()+ 2* 60 * 60 * 1000);

  document.write("推迟二小时时间：" + mydate);

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

7-4 返回星期方法

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>获得星期</title>

<script type="text/javascript">

  var mydate=new Date();

  var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

  document.write("今天是：" +weekday[mydate.getDay()]);

</script>

</head>

<body>

</body>

</html>

2018-04-27 查看完整代码

热搜

最近搜索清空

James03

JavaScript进阶篇