課程
/前端開發
/JavaScript
/JavaScript進階篇
這節不太懂,誰能指導下嗎?
2016-09-04
源自:JavaScript進階篇 7-23
正在回答
要知道面向對象的思想,父級標簽調用appendChild()方法,將里面的內容添加到父級標簽的目錄下,刪除也是這個思路;改變顏色就是獲取tr的標簽數組,然后調用onmouseover()和onmouseout()方法改變其style屬性。寫代碼的時候順便復習一下前面學的,對照一下就懂了;
慕的地2073352 提問者
可以先將效果圖寫出來,然后將數值一個一個放進去(數值不會就是前面的一些方法不熟練,自己去找最好不要直接看別人代碼),練習的難點主要是在如何分割字符串,將里面的數字提取出來,可以自己先想沒頭緒再看別人的代碼(分割代碼的方式應該會有很多種,不一定要和別人一樣)
下面貼上我的代碼:
<!DOCTYPE? HTML><html ><head>??? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />??? <title>系好安全帶,準備啟航</title>??? <script type="text/javascript">
??????? //通過javascript的日期對象來得到當前的日期,并輸出。??????? var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];??????? var date=new Date();
??????? //成績是一長竄的字符串不好處理,找規律后分割放到數組里更好操作哦??????? var scoreStr = "小明:87;小花:81;小紅:97;小天:76;小張:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";??????? var new_Array=new Array();??????? var j=0;??????? var sum=0;??????? var arr=new Array();??????? new_Array=scoreStr.split(":");//??????? document.write(new_Array[1]+"<br/>");??????? for(var i=1;i<new_Array.length;i++) {??????????? arr[j] = new_Array[i].split(";", 1);??????????? //??????????? j++;??????? }??????? //從數組中將成績撮出來,然后求和取整,并輸出。??????? for(var i=0;i<arr.length;i++){??????????? sum=sum+parseInt(arr[i]);??????? }//????? document.write(sum/arr.length)??????? document.write(date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+weekday[date.getDay()]+"--"+"班級總分:" +sum+"班級平均分:"+??????????????? Math.round(sum/arr.length));
??? </script></head><body></body></html>
先看一下代碼,有不懂的可以翻回前面的課程重新看一下。一個知識點看是會看懂,但是多個知識點運用到一起就不一樣了。
<!DOCTYPE ?HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全帶,準備啟航</title>
<script type="text/javascript">
? //通過javascript的日期對象來得到當前的日期,并輸出。
? ? var date = new Date(); ?// 實例化日期對象 ?
? var timeStr = '';//日期?
? timeStr = date.getFullYear() + "年" ;//獲得年份
? timeStr += date.getMonth() + 1 +"月";//獲得月份
? timeStr += date.getDate()+"日";//獲得日期
? var day ?= date.getDay(); //使用Date()日期對象,注意星期返回值為0-6,所以要轉成文字"星期X"
? var week = '';
? //用sitch判斷是星期幾
? switch(day){
? ? case ?0 :
week ?= '星期一';
break;
case ?1 :
week ?= '星期二';
case ?2 :
week ?= '星期三';
case ?3 :
week ?= '星期四';
case ?4 :
week ?= '星期五';
case ?5 :
week ?= '星期六';
case ?6 :
week ?= '星期天';
break;?
? }
? timeStr += " "+week;
? //打印出日期
? document.write(timeStr);
??
? //成績是一長竄的字符串不好處理,找規律后分割放到數組里更好操作哦
? var scoreStr = "小明:87;小花:81;小紅:97;小天:76;小張:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
? var arr ?= scoreStr.split(';');//按 ; 符號進行數組分割
? var sum = 0;
? var av= 0;
? //用for循環計算總分
? for( var i =0;i<arr.length;i++ ){
? ? ? ? var index = arr[i].indexOf(':'); //根據 : 符號確定數字開始的位置?
sum += parseInt( ?arr[i].substr(index+1,2) ?); ?// parseInt() 字符串類型轉成整型
? ?}
? ?//計算平均分
av = sum/arr.length;
? ? av = Math.floor(av); ?// 取整
? //從數組中將成績撮出來,然后求和取整,并輸出。
? document.write("--班級總分為:"+av);
</script>
</head>
<body>
</body>
</html>
估計你前面的地方看的還不是太明吧,再仔細看看,然后對照著其他人的代碼想想
舉報
本課程從如何插入JS代碼開始,帶您進入網頁動態交互世界
1 回答循環里面看不太懂
1 回答我的筆記,看不太懂
1 回答不太懂className!?
2 回答這節沒太看懂,求講解
3 回答不太懂兩次賦值
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-09-04
要知道面向對象的思想,父級標簽調用appendChild()方法,將里面的內容添加到父級標簽的目錄下,刪除也是這個思路;改變顏色就是獲取tr的標簽數組,然后調用onmouseover()和onmouseout()方法改變其style屬性。寫代碼的時候順便復習一下前面學的,對照一下就懂了;
2016-09-04
可以先將效果圖寫出來,然后將數值一個一個放進去(數值不會就是前面的一些方法不熟練,自己去找最好不要直接看別人代碼),練習的難點主要是在如何分割字符串,將里面的數字提取出來,可以自己先想沒頭緒再看別人的代碼(分割代碼的方式應該會有很多種,不一定要和別人一樣)
下面貼上我的代碼:
<!DOCTYPE? HTML>
<html >
<head>
??? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
??? <title>系好安全帶,準備啟航</title>
??? <script type="text/javascript">
??????? //通過javascript的日期對象來得到當前的日期,并輸出。
??????? var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
??????? var date=new Date();
??????? //成績是一長竄的字符串不好處理,找規律后分割放到數組里更好操作哦
??????? var scoreStr = "小明:87;小花:81;小紅:97;小天:76;小張:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
??????? var new_Array=new Array();
??????? var j=0;
??????? var sum=0;
??????? var arr=new Array();
??????? new_Array=scoreStr.split(":");
//??????? document.write(new_Array[1]+"<br/>");
??????? for(var i=1;i<new_Array.length;i++) {
??????????? arr[j] = new_Array[i].split(";", 1);
??????????? //
??????????? j++;
??????? }
??????? //從數組中將成績撮出來,然后求和取整,并輸出。
??????? for(var i=0;i<arr.length;i++){
??????????? sum=sum+parseInt(arr[i]);
??????? }
//????? document.write(sum/arr.length)
??????? document.write(date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+weekday[date.getDay()]+"--"+"班級總分:" +sum+"班級平均分:"+
??????????????? Math.round(sum/arr.length));
??? </script>
</head>
<body>
</body>
</html>
2016-09-04
先看一下代碼,有不懂的可以翻回前面的課程重新看一下。一個知識點看是會看懂,但是多個知識點運用到一起就不一樣了。
<!DOCTYPE ?HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全帶,準備啟航</title>
<script type="text/javascript">
? //通過javascript的日期對象來得到當前的日期,并輸出。
? ? var date = new Date(); ?// 實例化日期對象 ?
? var timeStr = '';//日期?
? timeStr = date.getFullYear() + "年" ;//獲得年份
? timeStr += date.getMonth() + 1 +"月";//獲得月份
? timeStr += date.getDate()+"日";//獲得日期
? var day ?= date.getDay(); //使用Date()日期對象,注意星期返回值為0-6,所以要轉成文字"星期X"
? var week = '';
? //用sitch判斷是星期幾
? switch(day){
? ? case ?0 :
week ?= '星期一';
break;
case ?1 :
week ?= '星期二';
break;
case ?2 :
week ?= '星期三';
break;
case ?3 :
week ?= '星期四';
break;
case ?4 :
week ?= '星期五';
break;
case ?5 :
week ?= '星期六';
break;
case ?6 :
week ?= '星期天';
break;?
? }
? timeStr += " "+week;
? //打印出日期
? document.write(timeStr);
??
??
? //成績是一長竄的字符串不好處理,找規律后分割放到數組里更好操作哦
? var scoreStr = "小明:87;小花:81;小紅:97;小天:76;小張:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
? var arr ?= scoreStr.split(';');//按 ; 符號進行數組分割
? var sum = 0;
? var av= 0;
? //用for循環計算總分
? for( var i =0;i<arr.length;i++ ){
? ? ? ? var index = arr[i].indexOf(':'); //根據 : 符號確定數字開始的位置?
sum += parseInt( ?arr[i].substr(index+1,2) ?); ?// parseInt() 字符串類型轉成整型
? ?}
? ?//計算平均分
av = sum/arr.length;
? ? av = Math.floor(av); ?// 取整
? //從數組中將成績撮出來,然后求和取整,并輸出。
? document.write("--班級總分為:"+av);
</script>
</head>
<body>
</body>
</html>
2016-09-04
估計你前面的地方看的還不是太明吧,再仔細看看,然后對照著其他人的代碼想想