프로그래밍을 배운 모든 사람은 "Helloworld"를 썼습니다.
그러나 99 개의 곱셈 테이블도 모든 프로그래밍 초보자에게 필수 프로그램이되어야한다고 생각합니다.
이것은 초보자에게 매우 적합한 JavaScript 구현 방법입니다! ! !
다음은 코드와 댓글입니다
<! docType html> <head> <meta http-equiv = "content-type"content = "text/html; charset = gb2312"/> <title> javaScript 9-nine 곱셈 테이블 </title> <style type = "text/css"> 테이블 {width : 600px; // 테이블 높이 속성을 설정할 수 있습니다. 국경-콜라 랩스를 설정하지 않는 것이 좋습니다 : 별도; } 테이블 td {테두리 :#000000 1px 고체; 텍스트 정렬 : 센터; // <td> 태그의 내용을 중심으로 할 수 있습니다. <th> 태그 인 경우이 코드 라인없이 자동으로 중앙에 위치 할 수 있습니다.} </style> </head> <body> <script type = "text/javaScript"> // 다음 부분은 핵심 코드 문서 ( "<pable>")입니다. // <table> </table> 곱셈 테이블 (var x = 1; x <= 9; x ++) {document.write ( "<tr>"); // <tr> </tr> tag for (var y = 1; y <= x; y ++) {docum } document.write ( "</table>"); </script> </body> </html>다음은 위의 코드 중 일부입니다
• <pable> 태그 테이블을 정의합니다!
<tr> - 테이블 행을 정의하십시오
<Th> - 테이블 헤더를 정의하십시오
<TD> - 테이블 요소 정의 (테이블의 특정 데이터)
Border = "" "속성은 테이블의 경계를 설정할 수 있습니다!
<th>의 캐릭터는 기본적으로 대담하고 중앙으로 표시됩니다!
bgcolor = "" "테이블 배경색 설정에 익숙한 것입니다!
• CellSpacing = ""및 CellSpadding = "" "테이블과 셀 간격 사이의 간격입니다! 그러나 두 태그 모두 HTML5에 의해 제거되었고 Border-Collapse로 대체되었습니다 : 별도 | 붕괴 | 상속.
| 분리된 | 기본값. 경계가 분리됩니다. 국경 간격 및 빈 셀 특성은 무시되지 않습니다. |
| 무너지다 | 가능하면 국경은 단일 테두리로 병합됩니다. 국경 간격 및 빈 셀 속성은 무시됩니다. |
| 상속 | Portle-Collapse 속성의 값이 상위 요소에서 상속되어야한다고 지정합니다. |
99 개의 곱셈 표를 구현하는 JavaScript의 위의 간단한 예는 내가 공유하는 모든 컨텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.