最新文章专题视频专题问答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
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:懂视网 责编:小OO 时间:2020-11-27 20:19:11
文档

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

每个学过编程的人都写过“HelloWorld”。但99乘法表,我想也应该成为每个编程初学者的必编程序。这是JavaScript的实现方法,非常适合初学者。以下是代码及注释;
推荐度:
导读每个学过编程的人都写过“HelloWorld”。但99乘法表,我想也应该成为每个编程初学者的必编程序。这是JavaScript的实现方法,非常适合初学者。以下是代码及注释;

下面小编就为大家带来一篇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>

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

?<table>标签是定义一个表格!

<tr> - 定义表行

<th> - 定义表头

<td> - 定义表元(表格的具体数据)

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

<th>里的字默认为加粗居中显示!

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

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

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

文档

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

每个学过编程的人都写过“HelloWorld”。但99乘法表,我想也应该成为每个编程初学者的必编程序。这是JavaScript的实现方法,非常适合初学者。以下是代码及注释;
推荐度:
标签: 如何利用 打印 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top