学习内容:
1.继续深化讲解 JavaScript 编程语言中变量、数据类型、运算符、流程控制语句、函数的关联;
2.概要的讲解了思维导图的使用;
下午代码练习:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.cc {
margin: 0 auto;
width: 200px;
height: 200px;
background: grey;
}
.cc p {
text-align:center;
height: 200px;
color: white;
}
</style>
</head>
<body>
<p id="cf"></p>
<hr>
<div class="cc">
<p>
<span id="content">我爱中国</span>
</p>
</div>
<hr>
<select id="fs" onchange="changeSize();">
</select>
<script type="text/javascript">
var cf = function() {
var cfHtml = "";
for (var i = 1; i <= 9; i++) {
for (var j = 1; j <= i; j++) {
cfHtml = cfHtml + (""+i+"*"+j+"="+(i*j)+" ");
}
cfHtml += "<br/>";
}
document.getElementById("cf").innerHTML = cfHtml;
}
var initFsSelect = function() {
var fsHtml = "";
for (var i = 1; i <= 100; i++) {
fsHtml += "<option value ='"+i+"px'>"+i+"px</option>";
}
document.getElementById("fs").innerHTML = fsHtml;
}
var changeSize = function() {
var fs = document.getElementById("fs").value;
document.getElementById("content").style.fontSize = fs;
}
cf();
initFsSelect();
</script>
</body>
</html>
学习感悟:今天下午,针对于老师的代码,进行了一下临摹和敲打,但是,由于其中有很多陌生不理解的地方,所以敲起来感觉特别生硬,导致到现在也才敲了几遍,其实到现在有种感觉,就是有点死记硬背的样子,没有完全明白其中的意思,就好比在记一篇作文一样,要是换了个命题,可能也就不会了。