jikeytang/[ Javascript ] - 20140708-题目1

ljkfgh2008 · 2014-07-08T01:43:24Z

//没有楼上2位的好 凑个热闹
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>jsTest</title>
   <style>table{border-collapse:collapse}</style>
</head>
<body>
    <table id="table1"  border="1"></table>
      <script>
        var data = new Array();
        for (var i = 1; i <= 9; i++) {
            data.push('<tr>');
            for (j = 1; j <= i; j++) {
                data.push('<td>' + i + 'X' + j + '=' + i * j + '</td>');
            }
            data.push('</tr>');
        }
        data.push('</tbody><table>');
        document.getElementById('table1').innerHTML = data.join('');
    </script>
</body>
</html>

ysgcreate · 2014-07-08T02:09:21Z

<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
    <meta charset='utf-8'>
    <style>
        #result span {
            border: solid 1px #eeeeee;
            margin: 2px;
            padding: 2px;
            line-height: 30px;
        }
    </style>
</head>
    <body>
        <div id="result"> </div>
        <script>
            var res=' ';
            for (var i=1;i<=9;i++) {
                for (var j=1;j<=i;j++) {
                    res += '<span>'+j+'*'+i+'='+(i*j)+'</span>';
                    if (i==4&&j==2) {
                        res+=' ';
                    }
                }
                res += '<br/>';
            }
            document.getElementById('result').innerHTML=res;
        </script>
    </body>
</html>

第4行第2列时对不齐，所以加了个空格

	用速度最优的代码输出一个带有细线表格的乘法口诀表。


	PS:
	1. 回复时注意加上下面这句话，才会有语法高亮或格式缩进。
	```javascript
	// you code
	```
	2. 粘贴代码时请使用shift+tab，缩进前面的空白。

jikeytang/[ Javascript ] - 20140708-题目1

ljkfgh2008 commented Jul 8, 2014

ysgcreate commented Jul 8, 2014