日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

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

發(fā)布時間:2024/1/23 javascript 36 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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())才發(fā)現了這個問題,進而解決掉。所以說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 綜合練習-動態(tài)添加刪除班級成績表

費了2個小時,才把原理弄懂,把問題逐個解決,當你發(fā)現你最后栽的那個點,是一個小石頭拌的你,你起來是該哭還是該笑呢?只怪自己習武不精吧. 雖然問題都解決了,但是還有一個余留的問題就是鼠標經過input時 ...

JS核心系列:淺談原型對象和原型鏈

在Javascript中,萬物皆對象,但對象也有區(qū)別,大致可以分為兩類,即:普通對象(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 業(yè)務用戶指定資源池加載數據

之前在"Vertica 安裝,建庫,新建測試用戶并授予權限,建表,入庫"這篇文章也簡單介紹過入庫部分的內容. 但之前測試用例若用于生產環(huán)境有明顯的局限性: 1.是用dbadmin管 ...

yii CDbCriteria 類的總結

在編程中,我們通常會需要查詢些東西,但是通過查詢的時候,yii有個集成的類---?CDbCriteria():通過該類,我們可以更加便捷的調用數據. 參考網址:http://www.cnblogs.c ...

WCF學習筆記

1,關于WCF/web service/WSE Web Service:是行業(yè)標準,也就是Web Service 規(guī)范,也稱作WS-*規(guī)范,既不是框架,也不是技術.它有一套完成的規(guī)范體系標準,而且在持 ...

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的对象——班级成绩表制作的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。