2016.10.28小结
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>网页标题</title> <meta name="keywords" content="关键字列表" /> <meta name="description" content="网页描述" /> <link rel="stylesheet" type="text/css" href="" /> <style type="text/css"></style> <script type="text/javascript"> (function(){ var weight = window.prompt("input your weight(kilogram)"); var tall = window.prompt("input your height(centimeter)"); var age = window.prompt("input your age"); var sex = window.prompt("input your sex(1 or 0)"); tall = Number(tall) / 100; age = Number(age); weight = Number(weight); var BMI = weight / (tall * tall); //计算BMI指数 var fatRate ; if(sex == "1"){ //判断性别 sex = 1; }else{ sex = 0; } fatRate = 1.2 * BMI +0.23 * age - 5.4 - 10.8 * sex; var fatness; //定义肥胖属性,计算体脂率 if(sex == "0"){ //女性 if(age >= 18 && age <= 39){ //年龄18-39 if(fatRate >= 5 && fatRate <= 20){ //体脂率5-20% fatness = "偏瘦"; }else if(fatRate >20 && fatRate <= 34){ //体脂率21-34% fatness = "标准"; }else if(fatRate >34 && fatRate <= 39){ //体脂率35-39% fatness = "偏胖"; }else{ //体脂率40-45% fatness = "过胖"; } }else if(age >= 40 && age <= 59){ //年龄40-59 if(fatRate >= 5 && fatRate <= 21){ //体脂率5-21% fatness = "偏瘦"; }else if(fatRate >21 && fatRate <= 35){ //体脂率22-35% fatness = "标准"; }else if(fatRate >35 && fatRate <= 40){ //体脂率36-40% fatness = "偏胖"; }else{ //体脂率41-45% fatness = "过胖"; } }else{ //年龄60以上 if(fatRate >= 5 && fatRate <= 22){ //体脂率5-22% fatness = "偏瘦"; }else if(fatRate >22 && fatRate <= 36){ //体脂率22-36% fatness = "标准"; }else if(fatRate >36 && fatRate <= 41){ //体脂率36-41% fatness = "偏胖"; }else{ //体脂率42-45% fatness = "过胖"; } } }else if(sex == "1"){ if(age >= 18 && age <= 39){ //年龄18-39 if(fatRate >= 5 && fatRate <= 10){ //体脂率5-10% fatness = "偏瘦"; }else if(fatRate >11 && fatRate <= 21){ //体脂率11-21% fatness = "标准"; }else if(fatRate > 21 && fatRate <= 26){ //体脂率21-26% fatness = "偏胖"; }else{ //体脂率26-45% fatness = "过胖"; } }else if(age >= 40 && age <= 59){ //年龄40-59 if(fatRate >= 5 && fatRate <= 11){ //体脂率5-11% fatness = "偏瘦"; }else if(fatRate > 12 && fatRate <= 22){ //体脂率12-22% fatness = "标准"; }else if(fatRate > 22 && fatRate <= 27){ //体脂率22-27% fatness = "偏胖"; }else{ //体脂率41-45% fatness = "过胖"; } }else{ //年龄60以上 if(fatRate >= 5 && fatRate <= 13){ //体脂率5-13% fatness = "偏瘦"; }else if(fatRate >13 && fatRate <= 24){ //体脂率13-24% fatness = "标准"; }else if(fatRate >24 && fatRate <= 29){ //体脂率24-29% fatness = "偏胖"; }else{ //体脂率29-45% fatness = "过胖"; } } } BMI = BMI.toFixed(2); fatRate = fatRate.toFixed(2); alert("您的BMI指数是"+BMI+",您的体脂率是"+fatRate+"%<br />身材属于"+fatness); })() </script> </head> <body> </body> </html>
今天是PHP22期基础班的第十天,我们的课程进度到了JavaScript,刚学完数组与函数,趁着实操日稍微空闲一点,就来写总结。
上一次总结之后,我们学习了CSS层叠样式。徐导在一天晚自习放出了一些用HTML5和CSS3做的网页效果,像渐变和旋转等效果,这让我觉得挺惊艳的,觉得这其实挺好玩的,但由于基础班的时间只够让我们了解一些主流的基本内容,这还是有点遗憾的。
在第二个实操日,班里都在做传智首页或者博雅首页的作业,传智的稍难一些,博雅的简单一些但也基本涵盖到所有我们学的CSS知识点。因为我做的慢了一些,只完成了传智首页,没有做博雅互动。班上的很多同学都觉得传智首页难,但个人觉得并没有想象中的难,只要理解了所有知识点,做起来还是不会有太大阻碍的,基本都可以自己解决。例如浮动这一点,我自己是这样理解的,用DIV+CSS做的网页,DIV就像是一个个小盒子,而浮动了的DIV就变成了一个氢气球,一直向上升,知道碰到上面的阻碍物,而原本在氢气球下面的小盒子是跟它紧密相连的,如果没有清除浮动,那么下面的小盒子也会顺带着漂浮起来。浮动的氢气球同时也会漂到跟它原来同一层级的前面,把它给遮住。
然后就终于到了JavaScript了,因为有阿里巴巴月饼门在前,所以我自己也感觉有点兴奋,听说当事人抢月饼的脚本就是用JS做的,这听着就牛逼哄哄了。老师在CSS课程还没有结束的时候就放话:JS比CSS难多了。让我们弱小的心灵收到严重打击。但,结果,JS学到第三天,暂时还没有很难的地方。在这一天实操日,把作业做完了,预习复习都过了一遍,接下来做点什么好?看博学谷视频太浪费时间了,我想了想,平时经过药店门口,看到有个秤我都要上去称一下,那我试一下用函数做一个BMI指数和体脂率计算器?
在花了大概一个小时之后,我把计算器做了出来,试验了几次,暂时还没有发现什么错误,做完后,还是觉得这挺好玩的。