Rumah > Artikel > hujung hadapan web > Kaedah JavaScript untuk melaksanakan kemahiran jadual_javascript darab trapezoid

Kaedah JavaScript untuk melaksanakan kemahiran jadual_javascript darab trapezoid

WBOYasal: 2016-05-16 16:02:141394semak imbas

Contoh dalam artikel ini menerangkan cara melaksanakan jadual pendaraban tangga dalam JavaScript. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Kesannya adalah seperti di bawah:

Jadual menggunakan jadual, tr, td dalam HTML, dan kemudian menggunakan pernyataan for untuk melaksanakannya, menggelung ke baris dan lajur output, dan kemudian melakukan pendaraban mengikut bilangan baris dan lajur yang pertama untuk output gelung 9 baris, dan kemudian a untuk dibenamkan pada nilai gelung pertama dalam ungkapan bersyarat dan kemudian lakukan operasi jadual keluaran Kerana bilangan kali bagi gelung pertama ialah peraturan susunan tangga, dan peraturan susunan tangga ialah baris pertama Satu petak, dua petak di baris kedua, tiga petak di baris ketiga, dan seterusnya.

Kod lengkap adalah seperti berikut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
var str= "<table border=1 width=500 align=center>";
for(var a=1;a<=9;a++)
{  
  str +="<tr>";
  for(b=1;b<=a;b++)
  {
  str +="<td>"+a+"&times;"+b+"="+a*b+"</td>";
  }
  str +="</tr>";
}
str +="</table>"
document.write(str);
</script>
</head>
<body>
</body>
</html>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

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：jquery mendapat nod name_jqueryArtikel seterusnya：jquery mendapat nod name_jquery

Artikel berkaitan

Lihat lagi