javascript 实现九九乘法表
2024-09-02 04:15:40
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="text/css">
/* div盒子样式 */
div{
width:80px;
height:40px;
border:1px solid #666;
display:inline-block;
text-align:center;
line-height:40px;
margin-left:-1px;
margin-top:-1px;
}
</style>
<script type="text/javascript">
// 请写出实现效果的代码
window.onload = function(){
var oBody01 = document.getElementById("body01"); // 获取body操作对象
var sTr = '';
for(i=1;i<10;i++){ //控制外循环
//每进行一次外循环就加入一个空格
sTr += "<br>";
for(j=1;j<=i;j++){ //控制内循环
//每进行一次内循环加一个div
sTr += "<div>"+j+"×"+i+"="+i*j+"</div>";
}
}
//最后将Str插入body中
oBody01.innerHTML = sTr;
}
</script>
</head>
<body id="body01">
<!-- 结构示例,请使用javascript实现此完整结构 -->
<div>1×1=1</div><br>
<div>1×2=2</div><div>2×2=4</div>
</body>
</html>
最新文章
- 异步任务队列Celery在Django中的使用
- Ajax部分
- 在C#代码中应用Log4Net(四)在Winform和Web中捕获全局异常
- ecshop商品详情相册顺序调整
- Ubuntu下iperf的安装
- VBA操作单元格
- 记<;<;ssh穿透防火墙连接内网的机器(不用路由端口映射)>;>;
- ipmotool
- Source Insight 技巧总结
- PHP框架学习之Laravel基本功能
- python 程序中设置环境变量
- Node.Buffer
- Mac OS设置rootpassword
- leetcode第25题--Remove Element
- 在IOS中使用DES算法对Sqlite数据库进行内容加密存储并读取解密
- 基于数据库的自动化生成工具,自动生成JavaBean、数据库文档、框架代码等(v5.8.8版)
- rematch:当你受不了redux繁琐写法的时候,是时候了解一波rematch了
- 全文检索的Demo
- Redis入门到高可用(九)——有序集合zset
- .NET处理HTTP请求