前端学习之路—九九乘法表和冒泡算法

前端学习之路—九九乘法表和冒泡算法

一、九九乘法表

代码如下：

	<script>
        document.write('<div>');
        document.write('<table>');
        for (let x = 1; x <= 9; x++) {
            document.write('<tr>');
            for (let y = 1; y <= x; y++) {
                document.write('<th>' + y + '*' + x + '=' + x * y + '</th>')
            }
            document.write('</tr>');
        }
        document.write('</table>');
        document.write('</div>');
    </script>

浏览器效果如下：

拓展：

document.write( )的语法、功能

语法：

document.write(exp1,exp2,exp3,....)

参数解析：

（1）.expN：可以是一个或者多个参数，如果是多个参数，那么按照顺序写入文档。(如果写入多个参数的话，这些参数会自动换行显示)

(2)这里的参数可以是变量，也可以是函数体、函数自执行体，数字等等，也可以进行一些简单的运算

(3)参数支持标签属性，写入的时候会按照html进行解析，但是需要用字符串的形式 ( 常用的标签属性就是换行符
)

浏览器支持:

（1）.IE浏览器支持此属性。

（2）.edge浏览器支持此属性。

（3）.谷歌浏览器支持此属性。

（4）.opera浏览器支持此属性。

（5）.火狐浏览器支持此属性。

（6）.safria浏览器支持此属性。

功能：

将一个文本字符串写入由 document.open() 打开的一个文档流。

······························································································································································

二、冒泡算法

代码如下：

	<script>
        var arr = [3, 5, 7, 10, 1, 9, 13, 11];
        for (var i = 0; i < arr.length; i++) {
            for (var j = 0; j < arr.length - 1 - i; j++) {
                var temp = arr[j];
                if (arr[j] > arr[j + 1]) {
                    arr[j] = arr[j + 1];
                    arr[j + 1] = temp;
                }
            }
        }
        console.log(arr)
    </script>

浏览器效果如下：

Come on with the rain,I’ve a smile on my face.