用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;

}

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请求直接被嵌入在路径 ...

随机推荐

Enem 实用方法

前言 在项目中的多处使用到了枚举,比如:道具种类(PowerupType) 游戏任务(MissionType),记录一下有关枚举的一些方法 枚举 public enum MissionType { R ...

android 判断是否有sim卡及运营商

判断是否有sim卡的方法:   int absent = TelephonyManager.SIM_STATE_ABSENT; if (1 == absent) { Log.d(TAG,"请 ...

用DIV+CSS做网页里要设置body和*规定内容

body{}表示是对body标签的设置,就是

里面 ...

H5_0004：JS设置循环debugger的方法

在HTML页面加上如下代码,则PC打开控制台后,就会循环debugger,防止调试代码. eval(function (p, a, c, k, e, r) { e = fu ...

nginx+uwsgi配置

nginx #user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; ...

TCP可靠数据传输

TCP可靠数据传输   在TCP在IP不可靠的尽力而为的服务之上,创建了一条可靠数据传输服务(reliable data transfer service).TCP提供的可靠数据传输的方法涉及到可靠数 ...

setTimeout迭代替换setInterval

一.它们之间的区别 setTimeout - 仅执行一次 setInterval - 间隔执行     二.为什么推荐用setTimeout替换掉setIntelval?   javascript是异 ...

安卓程序代写 网上程序代写[原]Call requires API level 8 (current min is 1)错误

导入了一个程序 , 每次运行之后都会出现该错误 . 点击clean 错误就会消失 , 但是执行该错误的时候该错误就会重新出现 . 这个错误需要在AndroidManifest.xml配置文件中修改 u ...

【不能继续浪啦】BZ做题记录[7.01~7.06]

距离上次提交..>