前端实践--JavaScript--内置对象

相关知识点:

任务:某班的成绩出来了,现在老师要把班级的成绩打印出来。

效果图:

XXXX年XX月X日 星期X--班级总分为:81

格式要求:

1、显示打印的日期。 格式为类似“XXXX年XX月XX日 星期X” 的当前的时间。

2、计算出该班级的平均分(保留整数)。

同学成绩数据如下:

"小明:87; 小花:81; 小红:97; 小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76"

任务分解:

第一步:可通过javascript的日期对象来得到当前的日期。

提示:使用Date()日期对象,注意星期返回值为0-6,所以要转成文字"星期X"

第二步:一长窜的字符串不好弄,找规律后分割放到数组里更好操作哦。

第三步:分割字符串得到分数,然后求和取整。

提示:parseInt() 字符串类型转成整型。

解决方案代码:

<!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=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var mynum=mydate.getDay();
var myyear=mydate.getFullYear();
var mymonth=mydate.getMonth();
var myday=mydate.getDate();
document.write("当前时间:"+myyear+"年"+mymonth+"月"+myday+"日"+"&nbsp"+weekday[mynum]+"<br>");
 //通过javascript的日期对象来得到当前的日期,并输出。
var mystr="小明:87; 小花:81; 小红:97; 小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
var scoreArr=new Array();
scoreArr=mystr.split(";");
  //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦

  //从数组中将成绩撮出来,然后求和取整,并输出。
var score = new Array();
   var sum = 0;
   for (var i = 0; i < scoreArr.length; i++) {
       sum += parseInt(scoreArr[i].substr(scoreArr[i].indexOf(":")+1));
   }
   document.write("--班级总分为:" + sum);
   document.write(",班级平均分为(保留整数):" + Math.round(sum/scoreArr.length));
</script>
</head>
<body>
</body>
</html>

演示结果:

时间: 2024-07-30 10:19:29

前端实践--JavaScript--内置对象的相关文章

javascript 内置对象及常见API

javascript 内置对象及常见API 2012-09-02 15:17 571人阅读 评论(0) 收藏 举报 javascript正则表达式文档浏览器urlstring Javascript内置对象学习 全局属性 Infinity 表示正无穷大的数值 NaN 非数字值 undefined 未定义的值 decodeURI() 对encodeURI()转义的字符串解码. decodeURIComponent() 对encodeURIComponent()转义的字符串解码. encodeURI(

JavaScript进阶 - 第7章 JavaScript内置对象

第7章 JavaScript内置对象 7-1 什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法:能够在对象上执行的动作.例如,表单的“提交”(Submit),时间的“获取”(getYear)等: JavaScript 提供多个内建对象,比如 String.Date.Array 等等,使用对象前先定义,如下使用数组对象:   var objectNa

document和javaScript内置对象

1.Document 属性: referrer //返回载入当前文档的URL URL //返回当前文档的URL 方法: getElementById(); //根据id获取html元素对象 getElementsByName(); //根据name获取html元素对象数组 getElementsByTagName(); //根据标签名获取html元素对象数组 2.javaScript内置对象 Math ceil(); //向上取整 floor(); //向下取整 random(); //0~1的

javascript内置对象(BOM)及事件

BOM 浏览器对象模型,该对象模型提供了独立于内容的,与浏览器窗口进行交互的对象 该对象提供了以下操作: histroty对象 当前窗口的浏览历史 location对象  当前文档的URL screen对象   客户端显示屏幕信息 Navigator  用户所使用的浏览器信息 location.href = 'url';//url跳转 history子对象:(操作浏览历史) 无刷新返回上一页: history.back(); 1 <a href="?page=5">第5页&

JavaScript 内置对象

JavaScript Date 对象 这个函数API蛮多的,我也没有整理,今天就来整理一下,梳理一边,图个熟悉 Data()函数 这个函数就是一个构造函数的调用方法,用new的方法调用,返回一个对象,表示的是当前的时间 var data=new Data() console.log(data) //Wed Sep 06 2017 15:50:55 GMT+0800 (中国标准时间) 或者是可以直接调用这个函数的 console.log(Date()) //Wed Sep 06 2017 15:5

Javascript 笔记与总结(2-4)Javascript 内置对象

① String 字符串对象 fromCharCode() 静态方法, 用作为参数而传递的字符代码创建一个新的字符串. length 字符串的长度. charAt() 抽取字符串中指定位置的字符. charCodeAt() 返回字符串中指定位置的字符编码. concat() 把一个或多个值连接到字符串上. indexOf() 在字符串中检索一个字符或一个子串. lastIndexOf() 在字符串中向后检索一个字符或一个子串. localeCompare() 用本地特定顺序来比较两个字符串. m

第五天:内置对象(7.Javascript内置对象)

1)中所术是内置对象,2)中为自定义对象 代码说明如下 2.1.1 定义并创建对象实例方式1,代码如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>对象</title></head><body><script> people= new Object(); people

08.24 javascript 内置对象 function apply() * call() * bind() ECMA5新增

倒计时 # 内置对象 Function ### 属性 * length   形参的数量 ### 方法 * apply() * call() * bind()  ECMA5新增

javascript内置对象一:String

<script>    //string.split("-"),以字符"-"把string拆分成一个数组.返回一个数组    //array.join("-"),以字符"-"把数组array链接成一个字符串.    var str="welcome-to-school";    console.log(str.split("-"));//Array(3) [ "we

JavaScript系列三:JavaScript内置对象

1.什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法:能够在对象上执行的动作.例如,表单的"提交"(Submit),时间的"获取"(getYear)等: JavaScript 提供多个内建对象,比如 String.Date.Array 等等,使用对象前先定义,如下使用数组对象: 访问对象属性的语法: objectNam