CSS样式设计
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS样式设计</title>
</head>
<body>
<div>
<div class="word-box">
<h1>标题:CSS样式设计</h1>
<p>
小刚和小强先后从文件服务器上下载了同一个文件:Analysis.java。小刚在Analysis.java文件中的第30行声明了一个方法,叫count(),先保存到了文件服务器上;小强在Analysis.java文件中的第50行声明了一个方法,叫sum(),也随后保存到了文件服务器上,于是,count()方法就只存在于小刚的记忆中了。
</p>
</div>
<div class="block-box">
</div>
</div>
</body>
</html>
<style>
body {
background-color: darkgrey;
}
.word-box h1 {
text-align: center;
color: red;
font-weight: bolder;
}
.word-box p {
color: green;
text-indent: 2em;
}
.block-box {
background-color: blue;
width: 100px;
height: 100px;
border: red solid 2px;
}
</style>
JavaScript计算器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript计算器</title>
</head>
<body>
</body>
</html>
<script type="text/javascript">
let fstNum = 5, sedNum = 10;
function computer(fstNum, sedNum) {
return fstNum + sedNum
}
console.log("fstNum + sedNum = " + computer(fstNum, sedNum))
</script>
JavaScript数组操作
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript数组操作</title>
</head>
<body>
</body>
</html>
<script type="text/javascript">
let strList = ["str01", "str02", "str03", "str04", "str05"]
function foreachList(list) {
// 遍历数组
list.forEach(item => {
console.log(item)
})
}
// 第一次遍历
console.log("first foreach")
foreachList(strList)
// 添加新元素
strList.push("str06")
// 第二次遍历
console.log("second foreach")
foreachList(strList)
</script>