【技术】乘法表
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test1</title>
<script src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
for (var i = 1; i <=9 ; i++) {
for(var n = 1; n<=i; n++ ){
document.write(i+"*"+ n + "=" + i*n +" ");
}
document.write('<br>');
};
});
</script>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test2</title>
<script src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
<script>
$(function(){
document.write('<table>');
for(var i = 1; i<=9; i++){
document.write('<tr>');
for(var n = 1; n <= i; n++){
if (n%2==0) {
document.write('<td style="background:#f60;">');
document.write(n+'*'+i+'='+n*i);
document.write('</td>');
}else{
document.write('<td style="border:1px solid #ccc">');
document.write(n+'*'+i+'='+n*i);
document.write('</td>');
}
}
document.write('</tr>');
};
document.write('</table>');
});
</script>
</body>
</html>
浙公网安备 33010602011771号