本文目录
- 用javascript的for语句 打印出有表格的九九乘法表最好加上注解
- 用js在控制台里显示九九乘法表怎么做
- js输出右上角形状的99乘法表,想了下面的代码,没有解决空格问题,求大神帮助
- 求用js写的九九乘法表
- JS基于for语句编写的九九乘法表示例
- js用左上三角形式输出九九乘法表每一行添加不同的每行背景颜色均不一样代码
- 九九乘法表,用javascript写!!!不用函数!!!!!
- JavaScript如何做九九乘法表
- 倒立的乘法表用js怎么编写
- JavaScript和网页怎样实现动态九九乘法表
用javascript的for语句 打印出有表格的九九乘法表最好加上注解
《html》《head》《title》多重循环《/title》《/head》《body》《center》《h3》九九乘法表《/h3》《hr》《table border="1"》 《script language="JavaScript"》// 变量声明var i, j;// 表格标题document.write("《tr》《td》《/td》");for (i=1;i《=9;i++) document.write("《td》《b》" + i + "《/b》《/td》");document.write("《tr》");// 多重循环for (i=1;i《=9;i++){ document.write("《tr》"); document.write("《td》《b》" + i + "《/b》《/td》"); j = 1; while (j 《= 9){ document.write("《td》"); document.write(i + "*" + j + "=" + i*j); document.write("《/td》"); j++; } document.write("《tr》");}《/script》《/table》《/center》《/body》《/html》
用js在控制台里显示九九乘法表怎么做
控制台?效果如下:
js代码如下:
《script type="text/javascript"》console.log("九九乘法表"); for ( var x = 1; x 《= 9; x++) { str=""; for ( var y = 1; y 《= x; y++) {str+=x + "*" + y + " = " + (x * y)+" "; } console.log(str);}《/script》
js输出右上角形状的99乘法表,想了下面的代码,没有解决空格问题,求大神帮助
《div id="div" style="text-align:right;width:600px;height:auto;"》
《script》
//*****
// ****
// ***
// **
// *
//想输出如上图形的99乘法表
window.onload=function(){
var odiv=document.getElementById(’div’);
var s=’’;
var c=’ ’;
for(i=1;i《=9;i++){
for(j=1;j《=9;j++){
if(i》j){
continue;
}else{
if(i*j《10){
s+="《span》"+i+"*"+j+"="+(j*i)+" 《/span》";//一整行的
}else{
s+="《span》"+i+"*"+j+"="+(j*i)+" 《/span》";//一整行的
}
}
}
s=s+"《br》";
}
odiv.innerHTML = s;
}
《/script》
《/div》
求用js写的九九乘法表
1、使用js的for循环输出页面
《script language=javascript》//使用表格来写,先定义表格 var table = document.createElement("table"); document.body.appendChild(table); //使用border-collapse来合并单元格边框。 table.style.borderCollapse="collapse"; //开始循环编写公式for(var i=1; i《=9; i++) { //声明行。 var tr = document.createElement("tr"); table.appendChild(tr); for(var j =1; j 《=i; j++) { //声明列。 var td = document.createElement("td"); tr.appendChild(td); //编写口诀公式 var s =j+’×’+i+’=’+i*j; //将公式输进单元格内。 td.innerHTML =s; //下面定义单元格的样式。 td.style.height = "30px"; td.style.width = "80px"; td.style.margin = "0"; td.style.padding = "5px 10px"; td.style.textAlign = "center"; td.style.border = "1px solid gray"; } }《/script》
JS基于for语句编写的九九乘法表示例
本文实例讲述了JS基于for语句编写的九九乘法表。分享给大家供大家参考,具体如下:js的功能非常强大,那么现在我们就用js里面的for循环来输出一个原汁原味的九九乘法表;先看运行效果:核心代码如下:《scripttype="text/javascript"》document.write(’《tableborder="1"bgcolor="#ccc"width="80%"cellpadding="0"cellspacing="0"》’);for(vari=1;i《=9;i++){document.write(’《tr》’);for(varj=1;j《=i;j++){document.write(’《td》’+i+’x’+j+’=’+(i*j)+’《/td》’);}document.write(’《/tr》’);}document.write(’《/table》’);《/script》大家可以试着去走一下循环,我们把九九乘法表的两个乘数设为两个变量,分别是i和j;当i=1时满足for循环的条件,执行循环语句,先输出一个《tr》(table标签里面的行属性),然后执行tr里面的另一个for循环;令j=1,j《=i,此时的i=1,符合循环条件,执行循环语句,输出1*1=1;j++之后j的值就变成了2;我们再来看j《=i,就是2《=1是错误的,因此终止循环;我们第一遍循环就输出了一行,行里面的内容是1*1=1;那我们在用i++令i=2执行循环,同样根据上面的来走循环;知道i走到9再往下走到10不符合条件的时候,终止整个循环,我们就输出了一个原汁原味的九九乘法表;更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》希望本文所述对大家JavaScript程序设计有所帮助。
js用左上三角形式输出九九乘法表每一行添加不同的每行背景颜色均不一样代码
《!DOCTYPE html》《html》 《head》 《meta charset="UTF-8"》 《title》《/title》 《style》 td { width: 200px; height: 40px; border: 1px solid #CCCCCC; } tr { text-align: center; } 《/style》 《/head》 《body》《table》 《th》九九乘法表《/th》《/table》《script》 var lineColor = ""; //每行的颜色,每次第一层循环都会重置 var getRandomColor = function(){ return (function(m,s,c){ return (c ? arguments.callee(m,s,c-1) : ’#’) + s })(Math,’0123456789abcdef’,5) } for(var i=1;i《=9;i++){ var str=""; var arr=; lineColor = getRandomColor(); var tr=document.createElement("tr");for(var j=1;j《=i;j++){ str=i+"*"+j+"="+i*j; arr.push(str); var td=document.createElement("td"); td.style.backgroundColor = lineColor; tr.appendChild(td); td.innerHTML=arr不存在 所以会报错 //console.log(str);把每次内部循环的结果也都输出了 第一行:3*1=3 第二行:3*1=3 3*2=6 第三行:3*1=3 3*2=6 3*3=9 }// // console.log(str); //将一次外循环作为一次输出 var table=document.getElementsByTagName("table"); table.appendChild(tr); }《/script》 《/body》《/html》
九九乘法表,用javascript写!!!不用函数!!!!!
《script type="text/javascript"》 document.write("《table》"); var str = "js九九乘法表"; document.write("《h1》" + str + "《/h1》"); for ( var x = 1; x 《= 9; x++) { document.write("《tr》"); for ( var y = 1; y 《= x; y++) { document.write("《th》" + x + "*" + y + "=" + (x * y) + "《/th》"); } document.write("《/tr》"); } document.write("《/table》"); 《/script》
JavaScript如何做九九乘法表
代码如下:
《!DOCTYPE html》
《html》
《head》
《meta charset="UTF-8"》
《title》Title《/title》
《/head》
《body》
《script》
var num=0;
for(var i=1 ;i《10;i++){
for(var j=1;j《10;j++){
num=i*j;
if(num/10《1){
num=""+i*j;
}
if(j《=i) {
document.write(j + "*" + i + "=" + num + "");
}
}
document.write("《br》");
}
《/script》
《/body》
《/html》
扩展资料:
JavaScript For 循环
JavaScript 支持不同类型的循环:
for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块
下面是 for 循环的语法:
for (语句 1; 语句 2; 语句 3){被执行的代码块}
语句 1 在循环(代码块)开始前执行;
语句 2 定义运行循环(代码块)的条件;
语句 3 在循环(代码块)已被执行之后执行。
参考资料:百度百科-JavaScript
倒立的乘法表用js怎么编写
具体代码写法如下:
《!DOCTYPE html》
《html lang="en"》
《head》
《meta charset="UTF-8"》
《title》Document《/title》
《/head》
《body》
《script》
document.write("《table》"); //文档中插入table标签,用于显示99乘法表
for(var x=9;x》=1;x--){ //倒立乘法表,故从9开始for循环逐1减小到等于1
document.write("《tr》"); //插入行标签
for(var y=1;y《=x;y++){ //从1开始循环,乘到等于该行数
document.write("《td》"+y+"*"+x+"《/td》") ;
//插入列标签,显示乘法表的每一项;
}
document.write("《/tr》"); //行标签闭合
}
document.write("《/table》"); //table标签闭合
《/script》
《/body》
《/html》
2.最终效果如下图所示:
3.思路:
倒立的99乘法表,横向看,乘数从9开始递减到1,纵向看,被乘数是1开始递增到等于 乘数。
JavaScript和网页怎样实现动态九九乘法表
《html》《body》《script》var IsInitReader = 0;function test(){var num = document.getElementById("num").value;if(isNaN(num)){alert("请重新输入一个整数");}else if(num《1||num》9){alert("请重新输入一个1至9之间的整数");}else{var table = document.getElementById("table");var result = "";for(var i=num;i《=9;i++){result +=num+"*"+i+"="+(num*i);if(i!=9){result +="《br》";}}table.innerHTML = result;} }《/script》 输入一个整数:《input id="num" width=100》《/input》《input type="button" value="生成九九乘法表" onclick="test()"》《/input》《br》《div id="table"》《/div》 《/body》《/html》