JavaScript中九九乘法表制作

练习一下表格，利用Javascript制作出来：

代码赏析：

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

/* 2.设置背后盒子大小居中 */

div{

width:80px;

height:40px;

border:1px solid black;

line-height: 40px;

text-align: center;

display:inline-block;

/* 边框重合需要设置 */

margin-left:-1px;

margin-top:-1px;

}

</style>

// 3.window加载

window.onload = function(){

// 4.获取元素信息

var oDiv = document.getElementById("body01");

// 5.创建变量

var sStr = "";

// 6 遍历循环拼接

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

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

sStr += "<div>" + j + "×" + i + "=" + j*i + "</div>";

}

sStr +="<br>";

}

// 7.遍历循环之外改变盒子内部内容

oDiv.innerHTML = sStr;

}

</script>

</head>

</body>

</html>

JavaScript中九九乘法表制作相关推荐

JavaScript实现九九乘法表
上次我们利用递归实现了一个简单的九九乘法表,这次我们换一个方法,利用JavaScript(简称JS)来实现,首先复习一下:JavaScript是一种直译式脚本语言,是一种动态类型.基于原型的语言,内置 ...
【九九乘法表】javascript做九九乘法表
javascript做九九乘法表,满满的干货!!! 基本代码: <script type="text/javascript">var factorOne , facto ...
jquery打99乘法表_基于javascript实现九九乘法表
基于javascript实现九九乘法表本文实例为大家分享了javascript实现九九乘法表的相关代码,具体内容如下 var sum=0; var wite; for (var i = 1; i & ...
JavaScript输出九九乘法表
背景使用JavaScript实现九九乘法表. 实现 <!DOCTYPE html> <html lang="en"> <head><me ...
九九乘法表居中c语言,JavaScript实现九九乘法表的简单实例
每个学过编程的人都写过"HelloWorld" 但99乘法表,我想也应该成为每个编程初学者的必编程序这是JavaScript的实现方法,非常适合初学者!!! 以下是代码及注释 J ...
python print换行_Python中九九乘法表与古诗对话机器人及sep-end值
# while实现对话机器人:你和机器人讲什么,机器人都输出一句诗赞美你 # 实现方案:while循环 + input输入 + random模块 import random a = ["清水 ...
JavaScript实现九九乘法表四种方法（附代码）
几行代码就能轻松学会 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
javascript实现九九乘法表（四种形式）
1.使用for循环 1.1实现靠左的九九乘法表代码 <!DOCTYPE html> <html lang="en"> <head><me ...
JavaScript——实现九九乘法表
这是一张99乘法表,我们需要用JavaScript来实现这个99乘法表基础实现在观察表后,可以发现每一个表达式都可以用 a*b=c 来表示出来,而c可以借用算术计算出来,所以我们只需要用到两个变量 ...

JavaScript中九九乘法表制作

JavaScript中九九乘法表制作相关推荐

最新文章

热门文章