JS学习日志——制作四种九九乘法表

第一种

JS学习日志——制作四种九九乘法表_第1张图片

document.write("");for(var j=1;j<=9;j++){
			document.write("");for(var i=1;i<=j;i++){
				document.write("");}
			document.write("");}
		document.write("
"+i+"*"+j+"="+i*j+"
"
);

通过for循环套用,内嵌套表格。

第二种

JS学习日志——制作四种九九乘法表_第2张图片

document.write("");for(var j=9;j>=1;j--){
        	document.write("");for(var i=1;i<=j;i++){
				document.write("");}
			document.write("");}
        document.write("
"+i+"*"+j+"="+i*j+"
"
);

第三种

JS学习日志——制作四种九九乘法表_第3张图片
第三第四种样式要加上空格,这样才能保证左侧空白样式。

document.write("");for(var j=1;j<=9;j++){
			document.write("");// 打印空格for(var n=1; n<=9-j; n++){
				document.write("");}for(var i=j;i>=1;i--){
				document.write("");}
			document.write("");}
		document.write("
"+i+"*"+j+"="+i*j+"
"
);

第四种

JS学习日志——制作四种九九乘法表_第4张图片

document.write("");for(var j=9;j>=1;j--){
			document.write("");// 打印空格for(var n=1; n<=9-j; n++){
				document.write("");}for(var i=j;i>=1;i--){
				document.write("");}
			document.write("");}
		document.write("
"+i+"*"+j+"="+i*j+"
"
);

你可能感兴趣的:(日志)