对象综合练习

body {

font: 14px "微软雅黑";

}

span {

padding: 5px;

}

table {

margin: 0 auto;

border: 3px solid cornflowerblue;

}

tr{

border: 1px solid #4169E1;

}

td#y,#m,#d,#day{

border:none;

}

x班期末成绩表
姓名 成绩 备注
小明 87
小花 81
小红 97
小天 76
小张 54 不及格
小小 94
小西 90
小舞 66
小迪 64
小曼 76
总分
平均分

var mydate = new Date();

//document.write(mydate);

document.getElementById('y').innerText = mydate.getFullYear() + '年';

var monthArr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];

document.getElementById('m').innerText = monthArr[mydate.getMonth()] + '月'; //这里注意,直接导出getMonth的值,会比实际月份少1,这是因为,月份是从1-12,而getMonth返回的值则是从0-11,就和星期的返回方法是一样的。所以解决方法也一样,利用返回的值,当做数组的下标调用,对应出正确的月份。用alert(mydate.getMonth())才发现了这个问题,进而解决掉。所以说alert是调试bug的必备良药。

//alert(mydate.getMonth());

document.getElementById('d').innerText = mydate.getDate() + '日'; //获得日的方法

//星期

var dayArr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];

document.getElementById('day').innerHTML = dayArr[mydate.getDay()];

//成绩信息

var myArr = [['小明', 87],['小花', 81],['小红', 97],['小天', 76],['小张', 54],['小小', 94],['小西', 90],['小舞', 66],['小迪', 64],['小曼', 76]];

//alert(myArr[0]);

//alert(myArr[0][1]);

var sum = 0;

for(var i=0;i

sum += myArr[i][1];

//alert(myArr[i][1]);

//document.write(myArr[i][0]+'
');

}

//document.write(sum);

document.getElementById('sum').innerText = sum;

var pjf = sum/myArr.length;

document.getElementById('b').innerHTML = Math.round(pjf);

JS-DOM 综合练习-动态添加删除班级成绩表

费了2个小时,才把原理弄懂,把问题逐个解决,当你发现你最后栽的那个点,是一个小石头拌的你,你起来是该哭还是该笑呢?只怪自己习武不精吧. 虽然问题都解决了,但是还有一个余留的问题就是鼠标经过input时 ...

JS核心系列:浅谈原型对象和原型链

在Javascript中,万物皆对象,但对象也有区别,大致可以分为两类,即:普通对象(Object)和函数对象(Function). 一般而言,通过new Function产生的对象是函数对象,其他对 ...

js将json字符串转化成json对象的方法

js将json字符串转化成json对象的方法: JSON.parse(jsonObject)

js 的强制 类型 转换cast, 伪对象?

拼音输入法简单快捷, 但是重码多, 所以要看清了再选择, 不然会影响输入正确性和 心情的! js的类型 隐式 转换? 是指, 根据 表达式的操作符号 如if(), + , && , j ...

js最好的继承机制:用对象冒充继承构造函数的属性,用原型prototype继承对象的方法。

js最好的继承机制:用对象冒充继承构造函数的属性,用原型prototype继承对象的方法. function ClassA(sColor) { this.color = sColor; } Class ...

js怎样推断一个对象{}是否为空对象,没有不论什么属性

js怎样推断一个对象{}是否为空对象,没有不论什么属性 前段时间用js写了一个相似"angularjs"用于数据绑定的东西,功能是比較简单了, 通常应该传进来的是一个ArrayLi ...

Thymleaf js直接获取后台传过来的对象或者对象的属性以及map

简单说明:第一次接触thymleaf模板,对于thymleaf在js中如何获取后台传递过来的值,真的挺简单的,记住就行了 代码: 后台代码: //传递一个org对象给jspublic String t ...

js一种继承机制:用对象冒充继承构造函数的属性,用原型prototype继承对象的方法。

js一种继承机制:用对象冒充继承构造函数的属性,用原型prototype继承对象的方法. function ClassA(sColor) { this.color = sColor; } ClassA ...

Node.js:get/post请求、全局对象、工具模块

一.GET/POST请求 在很多场景中,我们的服务器都需要跟用户的浏览器打交道,如表单提交.表单提交到服务器一般都使用 GET/POST 请求. 1.获取GET请求内容 由于GET请求直接被嵌入在路径 ...

随机推荐

Vertica 业务用户指定资源池加载数据

之前在"Vertica 安装,建库,新建测试用户并授予权限,建表,入库"这篇文章也简单介绍过入库部分的内容. 但之前测试用例若用于生产环境有明显的局限性: 1.是用dbadmin管 ...

yii CDbCriteria 类的总结

在编程中,我们通常会需要查询些东西,但是通过查询的时候,yii有个集成的类--- CDbCriteria():通过该类,我们可以更加便捷的调用数据. 参考网址:http://www.cnblogs.c ...

WCF学习笔记

1,关于WCF/web service/WSE Web Service:是行业标准,也就是Web Service 规范,也称作WS-*规范,既不是框架,也不是技术.它有一套完成的规范体系标准,而且在持 ...

javascript 判断是否是PC还是手机端

function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = new Array("Android&quot ...

entity framework 6 通用数据类

原文  http://blog.csdn.net/laokaizzz/article/details/25730813 public class BaseDAL { string strConn = ...

使用Java中间MessageDigest该文本MD5加密(Java中间MD5样品加密算法演示)

html制作统计期末成绩,JS-结合html综合练习js的对象——班级成绩表制作相关推荐

  1. html制作统计期末成绩,如何用Excel制作学生成绩统计表

    如何用Excel制作学生成绩统计表 发布者:张敏     所属单位:达川区亭子镇中心小学     发布时间:2016-07-05    浏览数:0 每一学期结束时,教师都要统计学生的成绩,在电脑逐步普 ...

  2. html制作统计期末成绩,利用Excel制作学生成绩表

    用Excel的VBA来制作精美学生成绩条. 解决问题的思路 因为每个学生只有一个学号,所以学号是惟一的,根据学号惟一性这一特点,使用VBA里的判断语句,如果学号不同,就在两者之间插入一个空白行,然后再 ...

  3. 用HTML制作一个漂亮的成绩表,JS-结合html综合练习js的对象——班级成绩表制作...

    对象综合练习 body { font: 14px "微软雅黑"; } span { padding: 5px; } table { margin: 0 auto; border: ...

  4. web期末大作业:基于html+css+js制作 学校班级网页制作----校园运动会 4页

    ⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 校园班级网页设计 | 我的班级网页 | 我的学校 | 校园社团 ...

  5. 计算机考试excel统计图怎么做,excel表格取数据做统计图-Excel如何制作统计数据...

    如何用一个excel表格上的数据做曲线图. 方法一个连续区域,通过"框"输入地选中单元格,如选中A列的A3:A8区域,在名称框中输入"A3:A8"后回车,即可选 ...

  6. 幼儿园ppt计算机考试试题,《幼儿园课件制作》期末试卷A卷

    海珠电大中职部 2012-2013学年度第二学期<幼儿园课件制作>期末试卷 A卷 笔试部分 说明:本笔试部分占本科目综合成绩40%,考试时间为90分钟,满分100分. 班级:姓名:学号:成 ...

  7. js实战代码系列—周杰伦给你报时间+网页页签制作模板+jQuery初体验

    等到下次需要用的时候,可以回来找模板用哈哈哈哈! 刚碰jQuery,今天是个好日子,明天继续学jQuery,明天也是个好日子. https://blog.csdn.net/hanhanwanghaha ...

  8. 如何在表格里做计算机统计表,excel怎么制作统计表格 excel统计表怎么添加标题...

    很多用户在制作统计表时,一般都会用到excel软件,因为excel在制作统计表时更加便捷,不过还有很多excel用户不太清楚制作统计表表格的步骤,那么下面小编就为大家带来excel制作统计表的详细步骤 ...

  9. 标记用来标识一个html文件中的表格,《网页设计与制作》期末考试试题.doc

    <网页设计与制作>期末考试试题.doc <网页设计与制作>期末考试试题 一.单项选择题(本大题共30小题,每小题2分,共60分) 1.目前在Internet上应用最为广泛的服务 ...

最新文章

  1. 如何向亲戚们解释人工智能可以干啥?
  2. 上海交通大学乐经良高数手写笔记-多元微积分
  3. wxWidgets:wxAUI 概述
  4. elasticsearch按照配置时遇到的一些坑 [Failed to load settings from [elasticsearch.yml]]
  5. 【mysql】SCOPE_IDENTITY 和 @@IDENTITY的区别
  6. 什么是单模单纤/双纤光纤收发器?
  7. LeetCode 121:买卖股票的最佳时机 思考分析
  8. hadoop集群swap_hadoop集群调优-OS和文件系统部分
  9. linux系统中自动生成snap文件_在Linux操作系统下自动生成Makefile的方法
  10. 初学者python笔记(类的继承与多态---详解)
  11. Android:沉浸式状态栏(一)工具类
  12. java文件生成jar包_编译Java文件并生成jar包
  13. linux上sftp工具使用
  14. 18年6月英语六级第二套听力单词
  15. oracle静默安装报错,静默安装oracle时报错
  16. mysql binlog提取sql_导出mysqlbinlog语句
  17. 江苏2021高考成绩查询全省排名,江苏省高考排名对应大学-江苏考生位次查询(2021年参考)...
  18. 安卓Tasker自动转发短信到邮箱
  19. tushare获取沪深300指数历史_TuShare -财经数据接口包
  20. 检索报告计算机类,计算机类的检索报告.docx

热门文章

  1. leetcode 738. Monotone Increasing Digits | 738. 单调递增的数字(Java)
  2. 听说版本会说话,你相信吗?
  3. java中线程的生命周期
  4. 揪出XXL-JOB中的细节
  5. kotlin学习之解构声明(十二)
  6. vue属性_computed(计算属性)methods(方法)
  7. 【双百解法】2058. 找出临界点之间的最小和最大距离——Leecode周赛系列
  8. 【解析】UVA-548 Tree
  9. 14行代码AC_Zero Array(思维)
  10. 从txt导入10个数据c语言,怎么将txt中带逗号的数据导入定义好的数据结构中