JavaScript基本语法（三）

最新推荐文章于 2024-10-30 19:10:39 发布

大图书馆的牧羊人

最新推荐文章于 2024-10-30 19:10:39 发布

阅读量137

点赞数

分类专栏： JavaScript 文章标签： javascript js html

本文链接：https://blog.csdn.net/qwqc262/article/details/117170201

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

内容：运算符、js动态加载表格
运算符与Java类似，但要注意== 与 === 的区别：
== 不区分数据类型， === 区分数据类型。

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3.html</title>
    <script>
        window.onload = function(){
            // ==和===的区别
            // ==不区分数据类型；===区分数据类型
            let a = 20;
            let b = "20";
            console.log(a==b);
            console.log(a===b);
            // 动态生成表格9行9列
            let div1 = document.querySelector('#div1');
            let tb = '<table border="1" align="center" width="800px">';
                for(let i =1;i<10;i++){
                    let tr = '<tr>';    // 定义表格行的开始
                        for(let j=1;j<10;j++){

                            if(i%2==0){ // 给偶数行加黄色
                                tr+='<td bgcolor="yellow">'; // 定义该行的列开始
                            }else{
                                tr+="<td>";
                            }

                            tr+= i + " * " + j + "=" + i * j; // 定义表格该行的列内容

                            tr+="</td>";// 定义该行的列结束
                        }

                        tr+='</tr>';// 定义表格行的结束

                    tb+=tr;
                }
                tb+="</table>"// 定义表格结束
                
            div1.innerHTML = tb;

        }
    </script>
</head>
<body>
    <div id="div1"></div>
</body>
</html>