JavaScript를 사용하여 99 구구단을 출력하는 방법
- PHP中文网원래의
- 2017-06-22 13:49:154195검색
다음 편집기는 JavaScript로 구구단을 구현하는 간단한 예를 보여줍니다. 에디터가 꽤 좋다고 생각해서 지금 공유해서 참고용으로 올려보겠습니다. 에디터를 따라가서 살펴볼까요
프로그래밍을 배운 사람이라면 누구나 “Hello World”라고 썼을 거에요
하지만 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="" 및 cellpadding=""은 테이블 사이의 간격과 셀 사이의 간격을 설정하는 데 사용됩니다! 그러나 두 태그는 모두 HTML5에서 제거되었으며 border-collapse:separatecollapse |
| 별도 | 기본값입니다. 국경이 분리됩니다. border-spacing 및 빈 셀 속성은 무시되지 않습니다. |
| collapse | 가능하다면 테두리가 하나의 테두리로 병합됩니다. border-spacing 및 빈 셀 속성은 무시됩니다. |
| inherit | 은 border-collapse 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다. |
위 내용은 JavaScript를 사용하여 99 구구단을 출력하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!