思路:使用二重循环进行打印,第一个乘数与行号相同,第二个乘数从1开始,最大与行号相同。用i表示第一个乘数,用j表示第二个乘数,则每一行i与j的关系是:j<=i。
代码如下:
HTML部分:
<br> <!--为了页面显示好看一点--><div id="d1"></div><script type="text/javascript" src="js文件路径"></script> <!--链接js文件-->
JavaScript部分:
function print(){var s = '';var f = '';for(var i=1;i<10;i++){var h = '';for(var j=1;j<=i;j++){var k = i*j;h += i+"×"+j+"="+k+" "; //用 是因为要显示在HTML中,超过两个空格无效,就要用 f += i+"×"+j+"="+k+" ";//为了在控制台检验一下}// console.log(h);s += h+"<br>"+"<br>";//<br>与上面 原理一样,在HTML换行不能使用换行符'\n'f += "\n";}document.getElementById('d1').innerHTML = s;//在HTML页面内显示s的内容console.log(f);}print();
输出结果如下:
浏览器页面:
浏览器控制台: