您的当前位置:首页JS实现打印九九乘法表方法实例
广告

JS实现打印九九乘法表方法实例

2023-11-30 来源:六三科技网

本文主要和大家分享JS实现打印九九乘法表方法实例,希望能帮助到大家。

步骤

1.先循环,将整个乘法表拼了出来

2.将乘法表套入一个table里

3.简单的给table加点样式

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>JS打印九九乘法表</title> <style media="screen"> /* 简单给整个table加点样式 */ table{ border-collapse: collapse; } table tr{ border: 1px solid #666; } table tr th{ border: 1px solid #666; color: #999; padding:10px; } </style> </head> <body> <script type="text/javascript"> // 创建table document.write("<table>"); // 打印九九乘法表 for(var x = 1;x <= 9;x++){ // 创建tr document.write("<tr>"); for(var y = 1;y <= x;y++){ // 公式里创建th document.write('<th>' + x + '*' + y + '=' + (x * y) + '</th>') } // 闭合tr document.write("</tr>"); } // 闭合table document.write("</table>") </script> </body></html>

小编还为您整理了以下内容,可能对您也有帮助:

JS定义函数+getM+()输出九九乘法表,“要求调用3次”

根据您的要求,以下是一个 JavaScript 的函数定义和调用示例,该函数名为 `getMultiplicationTable()`,用于输出九九乘法表。根据要求,这个函数将被调用三次。

function getMultiplicationTable() {

for (let i = 1; i <= 9; i++) {

let row = '';

for (let j = 1; j <= i; j++) {

row += `${j} * ${i} = ${i * j}\t`;

}

console.log(row);

}

}

// 调用 getMultiplicationTable() 函数三次

console.log("第一次调用:");

getMultiplicationTable();

console.log("\n第二次调用:");

getMultiplicationTable();

console.log("\n第三次调用:");

getMultiplicationTable();

在上述代码中,`getMultiplicationTable()` 函数使用两个嵌套的 `for` 循环来生成九九乘法表,并使用模板字符串构建每一行的输出内容。外层循环控制行数,内层循环控制每一行中的列数。

通过调用 `getMultiplicationTable()` 函数三次,我们可以输出九九乘法表的内容。每次调用都会生成完整的九九乘法表,并以适当的格式打印到控制台上。

请注意,此示例中使用的是 `console.log()` 来将输出打印到控制台,如果您希望在网页上显示结果,可以将 `console.log(row)` 替换为将内容添加到页面元素中的适当代码。

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="&nbsp;&nbsp;"+i*j;

}

if(j<=i) {

document.write(j + "*" + i + "=" + num + "&nbsp;&nbsp;&nbsp;&nbsp;");

}

}

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

怎么用JavaScript输出9×9乘法表,要求以梯形输出代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title> New Document </title>

<meta name="Generator" content="EditPlus">

<meta name="Author" content="">

<meta name="Keywords" content="">

<meta name="Description" content="">

</head>

<body>

<script language="JavaScript" type="text/javascript">

<!--

//这里是注释

var a=1; //注释可以跟在语句后面

/*

程序功能:打印九九乘法表

建立日期:2006年1月21日

*/

label1:for(var i=1;i<=9;i++){

document.write("<br>");

for(var j=1;j<=9;j++){

if(j>i){

continue label1;

}

document.write(i+"*"+j+"="+i*j+" ");

}

}

//-->

</script>

</body>

</html>

JS基于for语句编写的九九乘法表示例

本文实例讲述了JS基于for语句编写的九九乘法表。分享给大家供大家参考,具体如下:
js的功能非常强大,那么现在我们就用js里面的for循环来输出一个原汁原味的九九乘法表;
先看运行效果:
核心代码如下:
<script
type="text/javascript">
document.write('<table
border="1"
bgcolor="#ccc"
width="80%"
cellpadding="0"
cellspacing="0">');
for(var
i=1;i<=9;i++){
document.write('<tr>');
for(var
j=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基于for语句编写的九九乘法表示例

本文实例讲述了JS基于for语句编写的九九乘法表。分享给大家供大家参考,具体如下:
js的功能非常强大,那么现在我们就用js里面的for循环来输出一个原汁原味的九九乘法表;
先看运行效果:
核心代码如下:
<script
type="text/javascript">
document.write('<table
border="1"
bgcolor="#ccc"
width="80%"
cellpadding="0"
cellspacing="0">');
for(var
i=1;i<=9;i++){
document.write('<tr>');
for(var
j=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程序设计有所帮助。

用JavaScript打印出九九乘法表要求奇数行和偶数行背景颜色不一样

<html>

<head>

<title>99乘法表</title>

</head><body>

</body>

</html>

<script>

function list9x9()

{

var msg = '<table border="0" cellspacing="0" cellpadding="0">';

for(var i=1;i<10;i++)

{

if(i%2!=0) msg += "<tr bgcolor='#66FFFF'>";

else msg += "<tr bgcolor='yellow'>";

for(var j=1;j<=i;j++)

{

msg += "<td width='60'> "+j+"x"+i+"="+(i*j)+"</td>";

}

msg += "</tr>";

}

msg += "</table>";

document.write(msg);

}

list9x9();

</script>

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>

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>

用JavaScript打印九九乘法表,要直角三角形的!请大神发代码,谢谢,给好 ...

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>九九乘法表</title>
<script type="text/javascript">
window.onload = function(){
    var Content = "";
    for(var i=1;i<10;i++){
        for(var j=1;j<=i;j++){
            var Sum = i*j;
            if(Sum<10){Sum += "&nbsp;&nbsp;"}
            Content += "&nbsp;&nbsp;&nbsp;&nbsp;"+i+"&nbsp;×&nbsp;"+j+"&nbsp;=&nbsp;"+Sum;
            if(j==i){Content += "<br>"}
            }
        }
    document.getElementById("Jjcfb").innerHTML = Content;
    }
</script>
</head>

<body>
<div id="Jjcfb">

</div>
</body>
</html>
<!--如果能帮到你 望采纳-->

用JavaScript打印九九乘法表,要直角三角形的!请大神发代码,谢谢,给好 ...

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>九九乘法表</title>
<script type="text/javascript">
window.onload = function(){
    var Content = "";
    for(var i=1;i<10;i++){
        for(var j=1;j<=i;j++){
            var Sum = i*j;
            if(Sum<10){Sum += "&nbsp;&nbsp;"}
            Content += "&nbsp;&nbsp;&nbsp;&nbsp;"+i+"&nbsp;×&nbsp;"+j+"&nbsp;=&nbsp;"+Sum;
            if(j==i){Content += "<br>"}
            }
        }
    document.getElementById("Jjcfb").innerHTML = Content;
    }
</script>
</head>

<body>
<div id="Jjcfb">

</div>
</body>
</html>
<!--如果能帮到你 望采纳-->

如何用javascript编写九九乘法表

<script type="text/javascript" >

function step(){

for(i=1;i<=9;i++){

for(j=1;j<=i;j++){

document.write(i+"x"+j+"="+i*j +" ");

}document.write("<br/>")

}

}

</script>

</head>

<body onload="step()">

</body>

扩展资料

c语言九九乘法表,具体代码如下,在Trubo2.0、3.0、VC6.0下正常。

#include <stdio.h>

int main(void)

{

int i,j;

for (i=1;i<=9;i++)

{

for (j=1;j<=i;j++)

printf("%d*%d=%d ",j,i,j*i);

printf("n");

}

}

document.write是输入语句吗

热门频道

首页

博客

研修院

VIP

APP

问答

下载

社区

推荐频道

活动

招聘

专题

打开CSDN APP
Copyright © 1999-2020, CSDN.NET, All Rights Reserved

打开APP

JavaScript之document.write()、console.log() 原创
2021-06-07 11:16:30
5点赞

DYT*

码龄2年

关注
一、document.write()
1、功能:document.write()是一个最基本的JavaScript命令,这个命令简单地打印指定的文本内容到页面上。为了逐字打印文本,在打印的文本字符串加上单引号。

2、语法:document.write(content)

参数:content(必选。字符串,可以是变量或值为字符串的表达式,写入的内容常常包括HTML标记语言。)

3、实例:打印九九乘法表

(1)命令:

(2)实现效果:

二、console.log()
1、功能:console.log()可以将变量输出到浏览器的控制台中,方便开发者调用JS代码,它是一个使用频率很高的功能。(提示:浏览器中按 F12 可以打开浏览器的控制台(也可以叫做开发者工具))

2、语法:console.log(var)

参数:var:变量,可以是数组类型,对象类型,或者字符串类型等。

3、实例:

(1)命令:编写函数,实现求圆面积,从页面输入圆半径,在控制台中打印出圆面积。

(2)实现效果:

点击阅读全文
打开CSDN APP,看更多技术内容

javascript的输出指令alert 和document.write和console.log函数与其他调用
学习了alert指令,控制浏览器弹出警告框 <script type="text/javascript"> alert("这是我的第一个js代码"); </script> 学习了document.write 函数 向文档(document)写入(write)一段话 注意是向BODY里写入内容 <script type="text/javascript"> document.write("向文档写入语句"); </script&g.
继续访问
document.write()的用法-写入文本——修改样式、位置控制
html
继续访问
关于document.write
document.write的用处 document.write是JavaScript中对document.open所开启的文档流(document stream操作的API方法,它能够直接在文档流中写入字符串,一旦文档流已经关闭,那document.write就会重新利用document.open打开新的文档流并写入,此时原来的文档流会被清空,已渲染好的页面就会被清除,浏览器将重新构建DOM并渲...
继续访问
七、JavaScript之console.log输出和document.write输出
一、代码如下 二、运行效果如下 三、点击之后,效果如下 四、按一下F12,在控制台中可以看到 转载于:https://www.cnblogs.com/tianpan2019/p/11302581.html...
继续访问
最新发布 Java Script(第三章)document.write()和console.log()的区别
document.write和console.log的区别
继续访问
document.write 向文档中写内容,包括文本、脚本、元素之类的,但是它在什么时候执行不会覆盖当前页面内容尼?...
当你打开一个页面,浏览器会 调用 document.open() 打开文档 document.write(...) 将下载到的网页内容写入文档 所有内容写完了,就调用 document.close() 触发 dom ready 事件(DOMContentReady) 所以你如果在第3步之前 document.write(1) 那么你就直接追加内容到当前位置,如果你在第3步之后 d...
继续访问
document.write()用法
1.document.open() 功能:打开一个新文档,即打开一个流,并擦除当前文档的内容。 语法:document.open(mimetype,replace) 参数: mimetype:可选。规定正在写的文档的类型。默认值是”text/html”。 replace:可选。当此参数设置后,可引起新文档从父文档继承历史条目。 注1:open()方法将擦除当前HTML文档的内容,开始一个新的文档,新文档用write()方法或writeln()方法编写。 注2:调用open()方法打开一个新文档并且用wri
继续访问
document.write用法与清空原来的内容原因
网址: 此方法可以向文档写入HTML代码或者JavaScript代码。 语法结构: [JavaScript] 纯文本查看 复制代码运行代码1document.write(exp1,exp2,exp3,....) 参数解析: (1).expN:可以是一个或者多个参数,如果是多个参数,那么按照顺序写入文档。 浏览器支持: (1).IE浏览器支持此属性。 (2
继续访问
热门推荐 学习笔记—document write( )语法、功能、以及需要注意的‘坑’
语法:document.write(exp1,exp2,exp3,....)参数解析:(1).expN:可以是一个或者多个参数,如果是多个参数,那么按照顺序写入文档。(如果写入多个参数的话,这些参数会自动换行显示) (2)这里的参数可以是变量,也可以是函数体、函数自执行体,数字等等,也可以进行一些简单的运算 (3)参数支持标签属性,写入的时候会按照html进行解析,但是需要用字符串的形式(常用...
继续访问
js:alert、console、document、promp的使用
js:alert、console、document的使用
继续访问

javascript从入门到跑路-----小文的js学习笔记(18 —2)------ 执行顺序和优先级
** javascript从入门到跑路-----小文的js学习笔记(1)---------script、alert、document。write() 和 console.log 标签 javascript从入门到跑路-----小文的js学习笔记(2)--------- 语法构成、关键字和保留字、变量 javascript从入门到跑路-----小文的js学习笔记(3)---------javascript中的几种数据类型 … … javascript从入门到跑路-----小文的js学习笔记目录 ** &nb
继续访问
JavaScript 中document.write() 详细用法介绍
document.write() 用法 在JavaScript中document.write()函数可以向文档写入HTML表达式或JavaScript代码,用法“document.write(exp1,exp2,exp3,…)”,该函数可接受任何多个参数,并将其写入文档中。 document.write() 说明 虽然根据 DOM 标准,该方法只接受单个字符串作为参数。 我们通常按照两种的方式使用 write() 方法:一是在使用该方在文档中输出 HTML,另一种是在调用该方法的的窗口之外的窗口、框架中产生
继续访问
js基础之-- 修改通过document.write写入的变量样式。如颜色、字体大小等。
首先写出正常的 var name = prompt("请输入你的名字", "游客"); if (name == "") { document.write("欢迎你,亲爱的游客"); } else { document.write('欢迎你,亲爱的' + name); }
继续访问
html在指定位置输出,document.write()和document.writeln()的区别及向指定位置写html
一、document.write()和document.writeln()的区别解决思路:两者都是JavaScript向客户端输出的方法,对比可知写法上的差别是一个ln--line的简写,换言之,writeln方法是以行输出的,相当于在?winte?输出后加上一个换行符。注意:document.write方法可以用在两方面:在网页载入过程中用实时脚本创建网页内容以及用延时脚本创建本窗口或新窗口的内...
继续访问
html预览图片的功能,javascript实现的图片预览功能
本文实例讲述了javascript实现的图片预览功能。分享给大家供大家参考,具体如下:1.将下面的代码复制到内/*Thumbnail image viewer-?Dynamic Drive (www.dynamicdrive.com)For full source code, usage terms, and 100's more DHTML scripts, visit http://dynam...
继续访问
write函数_JavaScript 中document.write() 详细用法介绍
document.write() 用法在JavaScript中document.write()函数可以向文档写入HTML表达式或JavaScript代码,用法“document.write(exp1,exp2,exp3,....)”,该函数可接受任何多个参数,并将其写入文档中。document.write() 说明虽然根据 DOM 标准,该方法只接受单个字符串作为参数。我们通常按照两种的方式使用 ...
继续访问

JavaScript中document.write()的用法
javascript 详解document.write()方法 在javascript中,document.write()方法;常用来网页向文档中输出内容。 示例:通过document.write()方法,向网页文档中输出了一段文字。 document.write("我爱学习--喜欢学习,就和大家一起来分享你的学习经验与技巧。。。"); 此外
继续访问
JavaScript学习
话不都说,上代码 - 1111:“与” 运算符 第一个为布尔值为真直接输出第二个值 第一个为假时,直接输出第一个。如果有三个第四个 一直判断 直到判断为假时输出假的那个数 var a = 2 && 5; document.write(a); undefined NaN "" false null 0 这六个值得布尔值为 false 2222: “或” 运算符 碰到真就返回 ...
继续访问
php alert中加入变量,Php Javascript将document.write的内容写入变量
我在这个问题面前,我无法弄清楚如何正确解决.我正在使用脚本:具有单个document.write的输出:document.write('11');因此,使用JavaScript显示数字.我想要做的是获取此document.write的内容并将其写入另一个服务器中的变量,JavaScript或PHP.任何的想法?解决方法:该脚本只是输出一个小的JavaScript代码段 – 如果要在PHP中捕获其结...
继续访问
html
javascript
写评论

评论

19

5



分享

前往

document.write是输入语句吗

热门频道

首页

博客

研修院

VIP

APP

问答

下载

社区

推荐频道

活动

招聘

专题

打开CSDN APP
Copyright © 1999-2020, CSDN.NET, All Rights Reserved

打开APP

JavaScript之document.write()、console.log() 原创
2021-06-07 11:16:30
5点赞

DYT*

码龄2年

关注
一、document.write()
1、功能:document.write()是一个最基本的JavaScript命令,这个命令简单地打印指定的文本内容到页面上。为了逐字打印文本,在打印的文本字符串加上单引号。

2、语法:document.write(content)

参数:content(必选。字符串,可以是变量或值为字符串的表达式,写入的内容常常包括HTML标记语言。)

3、实例:打印九九乘法表

(1)命令:

(2)实现效果:

二、console.log()
1、功能:console.log()可以将变量输出到浏览器的控制台中,方便开发者调用JS代码,它是一个使用频率很高的功能。(提示:浏览器中按 F12 可以打开浏览器的控制台(也可以叫做开发者工具))

2、语法:console.log(var)

参数:var:变量,可以是数组类型,对象类型,或者字符串类型等。

3、实例:

(1)命令:编写函数,实现求圆面积,从页面输入圆半径,在控制台中打印出圆面积。

(2)实现效果:

点击阅读全文
打开CSDN APP,看更多技术内容

javascript的输出指令alert 和document.write和console.log函数与其他调用
学习了alert指令,控制浏览器弹出警告框 <script type="text/javascript"> alert("这是我的第一个js代码"); </script> 学习了document.write 函数 向文档(document)写入(write)一段话 注意是向BODY里写入内容 <script type="text/javascript"> document.write("向文档写入语句"); </script&g.
继续访问
document.write()的用法-写入文本——修改样式、位置控制
html
继续访问
关于document.write
document.write的用处 document.write是JavaScript中对document.open所开启的文档流(document stream操作的API方法,它能够直接在文档流中写入字符串,一旦文档流已经关闭,那document.write就会重新利用document.open打开新的文档流并写入,此时原来的文档流会被清空,已渲染好的页面就会被清除,浏览器将重新构建DOM并渲...
继续访问
七、JavaScript之console.log输出和document.write输出
一、代码如下 二、运行效果如下 三、点击之后,效果如下 四、按一下F12,在控制台中可以看到 转载于:https://www.cnblogs.com/tianpan2019/p/11302581.html...
继续访问
最新发布 Java Script(第三章)document.write()和console.log()的区别
document.write和console.log的区别
继续访问
document.write 向文档中写内容,包括文本、脚本、元素之类的,但是它在什么时候执行不会覆盖当前页面内容尼?...
当你打开一个页面,浏览器会 调用 document.open() 打开文档 document.write(...) 将下载到的网页内容写入文档 所有内容写完了,就调用 document.close() 触发 dom ready 事件(DOMContentReady) 所以你如果在第3步之前 document.write(1) 那么你就直接追加内容到当前位置,如果你在第3步之后 d...
继续访问
document.write()用法
1.document.open() 功能:打开一个新文档,即打开一个流,并擦除当前文档的内容。 语法:document.open(mimetype,replace) 参数: mimetype:可选。规定正在写的文档的类型。默认值是”text/html”。 replace:可选。当此参数设置后,可引起新文档从父文档继承历史条目。 注1:open()方法将擦除当前HTML文档的内容,开始一个新的文档,新文档用write()方法或writeln()方法编写。 注2:调用open()方法打开一个新文档并且用wri
继续访问
document.write用法与清空原来的内容原因
网址: 此方法可以向文档写入HTML代码或者JavaScript代码。 语法结构: [JavaScript] 纯文本查看 复制代码运行代码1document.write(exp1,exp2,exp3,....) 参数解析: (1).expN:可以是一个或者多个参数,如果是多个参数,那么按照顺序写入文档。 浏览器支持: (1).IE浏览器支持此属性。 (2
继续访问
热门推荐 学习笔记—document write( )语法、功能、以及需要注意的‘坑’
语法:document.write(exp1,exp2,exp3,....)参数解析:(1).expN:可以是一个或者多个参数,如果是多个参数,那么按照顺序写入文档。(如果写入多个参数的话,这些参数会自动换行显示) (2)这里的参数可以是变量,也可以是函数体、函数自执行体,数字等等,也可以进行一些简单的运算 (3)参数支持标签属性,写入的时候会按照html进行解析,但是需要用字符串的形式(常用...
继续访问
js:alert、console、document、promp的使用
js:alert、console、document的使用
继续访问

javascript从入门到跑路-----小文的js学习笔记(18 —2)------ 执行顺序和优先级
** javascript从入门到跑路-----小文的js学习笔记(1)---------script、alert、document。write() 和 console.log 标签 javascript从入门到跑路-----小文的js学习笔记(2)--------- 语法构成、关键字和保留字、变量 javascript从入门到跑路-----小文的js学习笔记(3)---------javascript中的几种数据类型 … … javascript从入门到跑路-----小文的js学习笔记目录 ** &nb
继续访问
JavaScript 中document.write() 详细用法介绍
document.write() 用法 在JavaScript中document.write()函数可以向文档写入HTML表达式或JavaScript代码,用法“document.write(exp1,exp2,exp3,…)”,该函数可接受任何多个参数,并将其写入文档中。 document.write() 说明 虽然根据 DOM 标准,该方法只接受单个字符串作为参数。 我们通常按照两种的方式使用 write() 方法:一是在使用该方在文档中输出 HTML,另一种是在调用该方法的的窗口之外的窗口、框架中产生
继续访问
js基础之-- 修改通过document.write写入的变量样式。如颜色、字体大小等。
首先写出正常的 var name = prompt("请输入你的名字", "游客"); if (name == "") { document.write("欢迎你,亲爱的游客"); } else { document.write('欢迎你,亲爱的' + name); }
继续访问
html在指定位置输出,document.write()和document.writeln()的区别及向指定位置写html
一、document.write()和document.writeln()的区别解决思路:两者都是JavaScript向客户端输出的方法,对比可知写法上的差别是一个ln--line的简写,换言之,writeln方法是以行输出的,相当于在?winte?输出后加上一个换行符。注意:document.write方法可以用在两方面:在网页载入过程中用实时脚本创建网页内容以及用延时脚本创建本窗口或新窗口的内...
继续访问
html预览图片的功能,javascript实现的图片预览功能
本文实例讲述了javascript实现的图片预览功能。分享给大家供大家参考,具体如下:1.将下面的代码复制到内/*Thumbnail image viewer-?Dynamic Drive (www.dynamicdrive.com)For full source code, usage terms, and 100's more DHTML scripts, visit http://dynam...
继续访问
write函数_JavaScript 中document.write() 详细用法介绍
document.write() 用法在JavaScript中document.write()函数可以向文档写入HTML表达式或JavaScript代码,用法“document.write(exp1,exp2,exp3,....)”,该函数可接受任何多个参数,并将其写入文档中。document.write() 说明虽然根据 DOM 标准,该方法只接受单个字符串作为参数。我们通常按照两种的方式使用 ...
继续访问

JavaScript中document.write()的用法
javascript 详解document.write()方法 在javascript中,document.write()方法;常用来网页向文档中输出内容。 示例:通过document.write()方法,向网页文档中输出了一段文字。 document.write("我爱学习--喜欢学习,就和大家一起来分享你的学习经验与技巧。。。"); 此外
继续访问
JavaScript学习
话不都说,上代码 - 1111:“与” 运算符 第一个为布尔值为真直接输出第二个值 第一个为假时,直接输出第一个。如果有三个第四个 一直判断 直到判断为假时输出假的那个数 var a = 2 && 5; document.write(a); undefined NaN "" false null 0 这六个值得布尔值为 false 2222: “或” 运算符 碰到真就返回 ...
继续访问
php alert中加入变量,Php Javascript将document.write的内容写入变量
我在这个问题面前,我无法弄清楚如何正确解决.我正在使用脚本:具有单个document.write的输出:document.write('11');因此,使用JavaScript显示数字.我想要做的是获取此document.write的内容并将其写入另一个服务器中的变量,JavaScript或PHP.任何的想法?解决方法:该脚本只是输出一个小的JavaScript代码段 – 如果要在PHP中捕获其结...
继续访问
html
javascript
写评论

评论

19

5



分享

前往

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[m.floor(m.random() * 16)]
})(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[j-1]; //注意这里是j-1 因为当i=1 j=1的时候 由于 arr[1]不存在 所以会报错

//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")[0];

table.appendChild(tr);

}

</script>

</body>

</html>

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[m.floor(m.random() * 16)]
})(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[j-1]; //注意这里是j-1 因为当i=1 j=1的时候 由于 arr[1]不存在 所以会报错

//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")[0];

table.appendChild(tr);

}

</script>

</body>

</html>

六三科技网还为您提供以下相关内容希望对您有帮助:

JS定义函数+getM+()输出九九乘法表,“要求调用3次”

通过调用 `getMultiplicationTable()` 函数三次,我们可以输出九九乘法表的内容。每次调用都会生成完整的九九乘法表,并以适当的格式打印到控制台上。请注意,此示例中使用的是 `console.log()` 来将输出打印到控制台,如果...

用JavaScript打印九九乘法表,要直角三角形的!请大神发代码,谢谢,给好 ...

doctype html&gt;九九乘法表window.onload = function(){ var Content = ""; for(var i=1;i&lt;10;i++){ for(var j=1;j&lt;=i;j++){ var Sum = i*j; if(Sum&lt;10){Sum += ""} Content +=...

JS基于for语句编写的九九乘法表示例

大家可以试着去走一下循环,我们把九九乘法表的两个乘数设为两个变量,分别是i和j;当i=1时满足for循环的条件,执行循环语句,先输出一个(table标签里面的行属性),然后执行tr里面的另一个for循环;令j=1,j&lt;=i,此时的i...

JavaScript如何做九九乘法表?

代码如下:&lt;!DOCTYPE html&gt; Title var num=0;for(var i=1 ;i&lt;10;i++){ for(var j=1;j&lt;10;j++){ num=i*j;if(num/10&lt;1){ num=""+i*j;} if(j&lt;=i) { document.write(j + "*" + i ...

用JavaScript打印出九九乘法表要求奇数行和偶数行背景颜色不一样_百...

99乘法表 function list9x9(){ var msg = '';for(var i=1;i&lt;10;i++){ if(i%2!=0) msg += "";else msg += "";for(var j=1;j&lt;=i;j++){ msg += " "+j+"x"+i+"="+(i*j)+""...

JavaScript和网页怎样实现动态九九乘法表?

= result;} } 输入一个整数:

如何用javascript编写九九乘法表

&gt; function step(){ for(i=1;i&lt;=9;i++){ for(j=1;j&lt;=i;j++){ document.write(i+"x"+j+"="+i*j +" ");}document.write("")} }

document.write是输入语句吗

3、实例:打印九九乘法表(1)命令:(2)实现效果:二、console.log()1、功能:console.log()可以将变量输出到浏览器的控制台中,方便开发者调用JS代码,它是一个使用频率很高的功能。(提示:浏览器中按 F12 可以打开浏览器的控制台(也...

js用左上三角形式输出九九乘法表每一行添加不同的每行背景颜色均不一...

九九乘法表 var lineColor = ""; //每行的颜色,每次第一层循环都会重置 var getRandomColor = function(){ return (function(m,s,c){ return (c ? arguments.callee(m,s,c-1) : '#') + s[m.floor(m...

用js在控制台里显示九九乘法表怎么做

js代码如下:console.log("九九乘法表"); for ( var x = 1; x &lt;= 9; x++) { str=""; for ( var y = 1; y &lt;= x; y++) {str+=x + "*" + y + " = " + (x * y)+" "; ...

Top