js一个小案例----------99乘法表
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>乘法表</title> //css <style> td{ border: 1px solid; } </style> <script> document.write("<table align='center'>") //1 基本语法 for(var i=1 ;i<=9;i++) { document.write("<tr>"); for(var j =1 ;j<= i;j++) { document.write("<td>"); document.write(i+"*"+j+"="+(i*j)+" "); document.write("</td>"); } //document.write("<br>"); document.write("</tr>"); } //2 完成表格的嵌套 document.write("</table>"); document.write() </script> </head> <body> </body> </html> ----------
总结:这个是就是js与css的结合效果 注意要点 一:  `这是空格的意思 二:<tr> 标签定义 HTML 表格中的行。 一个 <tr> 元素包含一个或多个 <th> 或 <td> 元素。 <td> 标签定义 HTML 表格中的标准单元格。 HTML 表格有两种单元格类型: 表头单元格 - 包含头部信息(由 <th> 元素创建) 标准单元格 - 包含数据(由 <td> 元素创建) <th> 元素中的文本通常呈现为粗体并且居中。 <td> 元素中的文本通常是普通的左对齐文