js 第16课时
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button οnclick="change('height','300px')">增高</button>
<button οnclick="change('width','300px')">增长</button>
<button οnclick="change('background','pink')">改变背景色</button>
<div id="content"></div>
<script>
var oDiv = document.getElementById('content')
function change(attr,value){
// 两种写法都一样,第一种传入常量,第二种传入变量和常量都可以,所有如果要传入变量必须要用第二种,attr是变量
// oDiv.style.attr = value
oDiv.style[attr] = value
}
var obj = {a:'篮球',b:'足球',c:'排球',d:'乒乓球'}
for (item in obj) {
console.log(obj[item]); // 篮球,足球,排球,乒乓球 item为变量,所有要[item],不能用点
}
for(var i=0;i<=5;i++){
if(i==2){
continue //不会打印2;中断当前条件的循环迭代
}
console.log(i);
}
console.log(i,'---------------我是循环体外的');
//假: false,数字0,空字符串,null,undefined,NAN
var a=0;
if(a){
console.log("真的");
}else{
console.log("假的"); //打印假的
}
</script>
<style>
#content {
width: 100px;
height: 100px;
margin: 0 auto;
background-color: blue;
}
</style>
</body>
</html>