内容:运算符、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>
结果:(左下角为==
与===
的判断结果)