ホームページ > 記事 > ウェブフロントエンド > 九九印刷メソッドのJS実装例
九九印刷メソッドのJS実装例
- 小云云オリジナル
- 2018-03-13 15:48:083750ブラウズ
この記事では主に、JS を使用して九九を印刷する方法の例を紹介します。お役に立てれば幸いです。
手順
1. 最初にループして、九九全体を詳しく説明します
2. 九九を表に挿入します
3. 表にスタイルを追加するだけです
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS打印九九乘法表</title>
<style media="screen">
/* 简单给整个table加点样式 */
table{
border-collapse: collapse;
}
table tr{
border: 1px solid #666;
}
table tr th{
border: 1px solid #666;
color: #999;
padding:10px;
}
</style>
</head>
<body>
<script type="text/javascript">
// 创建table
document.write("<table>");
// 打印九九乘法表
for(var x = 1;x <= 9;x++){
// 创建tr
document.write("<tr>");
for(var y = 1;y <= x;y++){
// 公式里创建th
document.write('<th>' + x + '*' + y + '=' + (x * y) + '</th>')
}
// 闭合tr
document.write("</tr>");
}
// 闭合table
document.write("</table>")
</script>
</body>
</html>関連する推奨事項:
上下左右対称の九九を実装するJS_javascriptスキル
以上が九九印刷メソッドのJS実装例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。