今天是实训的第一天,老师简单地讲解了html5,CSS和JavaScript的一些基本应用,留下了一点点小小的作业,一个是不使用第三个变量交换两个变量的值,另一个是用JavaScript打印九九乘法表。虽然非常简单,但也提升了我对JavaScript和CSS的熟练程度(其实可以说今天才真的开始学JavaScript和CSS)
首先是不使用第三个变量交换两个变量的值
<!DOCTYPE html>
<html>
<head>
<title>homework1</title>
</head>
<body>
<script type="text/javascript">
var a=1,b=2;
console.log(a,b)
console.log("我是分割线")
a=[b,b=a][0];
console.log(a,b)
</script>
</body>
</html>
其次是打印九九乘法表,除了打印出来以外,我稍微修饰了一下表的外观,所以有一个html文件和一个CSS文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>homework02</title>
<link rel="stylesheet" type="text/css" href="index.css"/>
</head>
<body>
<script type="text/javascript">
document.write("<table>");
for(var x=1;x<=9;x++){
document.write("<tr>");
for(var y=1;y<=9;y++){
document.write("<td>"+x+"*"+y+"="+x*y+"</td>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
</html>
table,table td{
border: #66cc00 double 2px
}
效果如图
这个实训的最终目标是学会开发出有意义的微信小程序,非常期待接下来的课程。