document下的write()写九九乘法表和省市联动/JS二

document.write()的使用方法

作用:向可视区域写入数据(写到body里)
document.write()里面的内容为变量的实际值,document.write('标签和样式')里面的内容也可以为标签和样式

省市联动的代码用法示例:

    var provices=['浙江','陕西','河南']
    var cities=[['杭州市','温州市','宁波市'],['太原市','大同市','长治市'],['郑州市','洛阳市','开封市']]
    for(var i=0;i<cities.length;i++){
        if (i===1){
            for (var j=0;j<=cities[i].length;j++){  
               // if (j>1){
               //     break //取前两个城市的值  跳出一层循环,跳转语句
               // }
                if (j===1){
                    continue;//去掉每个省的第二个市,跳转语句 ,跳出本次循环,执行下一次
                }
                document.write(cities[i][j]+'   ')
                document.write('<span style="color: red;font-size: 30px;margin-left: 100px">'+cities[i][j]+'</span>')
            }
        }
    }

结果如下:

九九乘法表代码如下:

    document.write('<table style="margin: 0 auto">')
    for (var i=1;i<=9;i++) {
        document.write('<tr>')
        for (var j = 1; j <= i; j++) {
            document.write('<td style="border: #9a6e3a solid 1px;padding: 4px;background-color: #dddddd">'+i+'*'+j +'=' + (i * j)+'</td>')
        }
        document.write('</tr>')
    }
    document.write('</table>')

结果如下:

猜你喜欢

转载自blog.csdn.net/qq_39112101/article/details/88825081