最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 20:01:09
文档

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

JS实现打印九九乘法表方法实例:本文主要和大家分享JS实现打印九九乘法表方法实例,希望能帮助到大家。 步骤 1.先循环,将整个乘法表拼了出来 2.将乘法表套入一个table里 3.简单的给table加点样式<!DOCTYPE html> <html> <head> <meta cha
推荐度:
导读JS实现打印九九乘法表方法实例:本文主要和大家分享JS实现打印九九乘法表方法实例,希望能帮助到大家。 步骤 1.先循环,将整个乘法表拼了出来 2.将乘法表套入一个table里 3.简单的给table加点样式<!DOCTYPE html> <html> <head> <meta cha

本文主要和大家分享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实现打印九九乘法表方法实例

JS实现打印九九乘法表方法实例:本文主要和大家分享JS实现打印九九乘法表方法实例,希望能帮助到大家。 步骤 1.先循环,将整个乘法表拼了出来 2.将乘法表套入一个table里 3.简单的给table加点样式<!DOCTYPE html> <html> <head> <meta cha
推荐度:
标签: 打印 js 输出
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top