cari

Rumah >hujung hadapan web >tutorial js >使用JavaScript怎么输出输出99乘法表

使用JavaScript怎么输出输出99乘法表

PHP中文网
PHP中文网asal
2017-06-22 13:49:154222semak imbas

下面小编就为大家带来一篇JavaScript实现九九乘法表的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

每个学过编程的人都写过“HelloWorld”

但99乘法表，我想也应该成为每个编程初学者的必编程序

这是JavaScript的实现方法，非常适合初学者！！！

以下是代码及注释

<!DOCTYPE html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>JavaScript九九乘法表</title> 
 
<style type="text/css"> 
table{ 
  width:600px;     //表格height属性可设置可不设置,建议不设置
  border-collapse:separate;
  } 
table td{ 
  border:#000000 1px solid;
  text-align: center;  //使<td>标签中的内容居中显示，若是<th>标签，没有此行代码亦可自动居中
  } 
</style>

</head> 
<body> 
 
<script type="text/javascript"> 
//下面部分是核心代码
 
document.write("<table>");   //<table></table>添加一个表格样式来显示乘法表 
for (var x = 1; x <= 9; x++) 
{ 
  document.write("<tr>");   //<tr></tr>标签
  for (var y = 1; y <= x; y++)
  { 
    document.write("<td>"+y+"x"+x+"="+y*x+"</td>");//亦可用<th>标签来起到居中加粗内容的作用
  }                          
  document.write("</tr>"); 
} 
document.write("</table>");  
</script> 
 
</body> 
</html>

下面是上面代码中涉及的一些内容

•f5d188ed2c074f8b944552db028f98a1标签是定义一个表格！

a34de1251f0d9fe1e645927f19a896e8 - 定义表行

b4d429308760b6c2d20d6300079ed38e - 定义表头

b6c5a531a458a2e790c1fd6421739d1c - 定义表元(表格的具体数据)

border=""属性可以设置表格的边框！

b4d429308760b6c2d20d6300079ed38e里的字默认为加粗居中显示！

bgcolor=""也就是我熟悉的设置表格背景颜色！

•cellspacing=""和cellspadding=""是设置表格间的间距和单元格里的间距！但这两个标签都被HTML5移除了，取而代之的是border-collapse:separate | collapse | inherit。


separate 默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。
collapse 如果可能，边框会合并为一个单一的边框。会忽略border-spacing 和 empty-cells 属性。
inherit 规定应该从父元素继承border-collapse属性的值。

Atas ialah kandungan terperinci 使用JavaScript怎么输出输出99乘法表. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：JavaScript函数详解Artikel seterusnya：JavaScript的语句结构

Artikel berkaitan

Lihat lagi