Html部分
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</head>
<body οnlοad="panduan()">
<div id="box"></div>
</body>
</html>
Css部分
* {
margin: 0;
padding: 0;
}
#box{
width: 50%;
margin: 200px auto;
text-align: center;
}
Js部分
function panduan() {
var box = document.getElementById('box');
var i=1;
var j=1;
var k=0;
var result1='';
var result2='';
var result3=0;
// 打印0-100之间7的倍数
while (i <= 100) {
if (i % 7 == 0) {
result1 = result1 + i+'、';
}
i++;
}
// 打印0-100之间偶数
while (j <= 100) {
if (j % 2 == 0) {
result2 = result2 + j+'、';
}
j++;
}
// 打印0-100之间所有奇数的和
while (k <= 100) {
if (k % 2 !== 0) {
result3 = result3 + k;
}
k++;
}
box.innerHTML = '打印0-100之间7的倍数：' + result1 + '<br/>'+'打印0-100之间偶数：' + result2 + '<br/>'+'打印0-100之间所有奇数的和：' + result3;
}