html制作统计期末成绩,JS-结合html综合练习js的对象——班级成绩表制作
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;
}
姓名 | 成绩 | 备注 |
小明 | 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" ...
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的对象——班级成绩表制作相关推荐
- html制作统计期末成绩,如何用Excel制作学生成绩统计表
如何用Excel制作学生成绩统计表 发布者:张敏 所属单位:达川区亭子镇中心小学 发布时间:2016-07-05 浏览数:0 每一学期结束时,教师都要统计学生的成绩,在电脑逐步普 ...
- html制作统计期末成绩,利用Excel制作学生成绩表
用Excel的VBA来制作精美学生成绩条. 解决问题的思路 因为每个学生只有一个学号,所以学号是惟一的,根据学号惟一性这一特点,使用VBA里的判断语句,如果学号不同,就在两者之间插入一个空白行,然后再 ...
- 用HTML制作一个漂亮的成绩表,JS-结合html综合练习js的对象——班级成绩表制作...
对象综合练习 body { font: 14px "微软雅黑"; } span { padding: 5px; } table { margin: 0 auto; border: ...
- web期末大作业:基于html+css+js制作 学校班级网页制作----校园运动会 4页
⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 校园班级网页设计 | 我的班级网页 | 我的学校 | 校园社团 ...
- 计算机考试excel统计图怎么做,excel表格取数据做统计图-Excel如何制作统计数据...
如何用一个excel表格上的数据做曲线图. 方法一个连续区域,通过"框"输入地选中单元格,如选中A列的A3:A8区域,在名称框中输入"A3:A8"后回车,即可选 ...
- 幼儿园ppt计算机考试试题,《幼儿园课件制作》期末试卷A卷
海珠电大中职部 2012-2013学年度第二学期<幼儿园课件制作>期末试卷 A卷 笔试部分 说明:本笔试部分占本科目综合成绩40%,考试时间为90分钟,满分100分. 班级:姓名:学号:成 ...
- js实战代码系列—周杰伦给你报时间+网页页签制作模板+jQuery初体验
等到下次需要用的时候,可以回来找模板用哈哈哈哈! 刚碰jQuery,今天是个好日子,明天继续学jQuery,明天也是个好日子. https://blog.csdn.net/hanhanwanghaha ...
- 如何在表格里做计算机统计表,excel怎么制作统计表格 excel统计表怎么添加标题...
很多用户在制作统计表时,一般都会用到excel软件,因为excel在制作统计表时更加便捷,不过还有很多excel用户不太清楚制作统计表表格的步骤,那么下面小编就为大家带来excel制作统计表的详细步骤 ...
- 标记用来标识一个html文件中的表格,《网页设计与制作》期末考试试题.doc
<网页设计与制作>期末考试试题.doc <网页设计与制作>期末考试试题 一.单项选择题(本大题共30小题,每小题2分,共60分) 1.目前在Internet上应用最为广泛的服务 ...
最新文章
- 如何向亲戚们解释人工智能可以干啥?
- 上海交通大学乐经良高数手写笔记-多元微积分
- wxWidgets:wxAUI 概述
- elasticsearch按照配置时遇到的一些坑 [Failed to load settings from [elasticsearch.yml]]
- 【mysql】SCOPE_IDENTITY 和 @@IDENTITY的区别
- 什么是单模单纤/双纤光纤收发器?
- LeetCode 121:买卖股票的最佳时机 思考分析
- hadoop集群swap_hadoop集群调优-OS和文件系统部分
- linux系统中自动生成snap文件_在Linux操作系统下自动生成Makefile的方法
- 初学者python笔记(类的继承与多态---详解)
- Android:沉浸式状态栏(一)工具类
- java文件生成jar包_编译Java文件并生成jar包
- linux上sftp工具使用
- 18年6月英语六级第二套听力单词
- oracle静默安装报错,静默安装oracle时报错
- mysql binlog提取sql_导出mysqlbinlog语句
- 江苏2021高考成绩查询全省排名,江苏省高考排名对应大学-江苏考生位次查询(2021年参考)...
- 安卓Tasker自动转发短信到邮箱
- tushare获取沪深300指数历史_TuShare -财经数据接口包
- 检索报告计算机类,计算机类的检索报告.docx
热门文章
- leetcode 738. Monotone Increasing Digits | 738. 单调递增的数字(Java)
- 听说版本会说话,你相信吗?
- java中线程的生命周期
- 揪出XXL-JOB中的细节
- kotlin学习之解构声明(十二)
- vue属性_computed(计算属性)methods(方法)
- 【双百解法】2058. 找出临界点之间的最小和最大距离——Leecode周赛系列
- 【解析】UVA-548 Tree
- 14行代码AC_Zero Array(思维)
- 从txt导入10个数据c语言,怎么将txt中带逗号的数据导入定义好的数据结构中