、 js样式操作
-
样式(操作的行间样式)
width height background ....
-
语法
元素.style.cssText
这种方式会覆盖原来的样式(内部行间会覆盖),等同于重写样式
原因:cssText的本质就是设置html元素的style的样式
div.style.cssText = 'width:300px;height:300px;background-color:red;';
3、快速获取body标签
<script>
// 在html标签之前写的的不会把之前的内容覆盖
document.body.innerHTML = '你好世界';
</script>
<div></div>
<script>
// 快速获取body,不用获取标签
document.body
console.log(document.body);
// 在html标签后写的会把之前的内容覆盖
// document.body.innerHTML = '你好世界';
</script>
4、boolean
-
boolean:布尔 true,false
-
作用:作为判断结果
var a = true; //真 var b = false; //假 //作为判断结果 console.log(10 > 20);//false console.log(10 < 20);//true var a = 10; //一个=是赋值 // 两个=号是比较 console.log(10 == 10); //true 真 10与10比较 console.log(20 == 10); //false 假 20与10比较
5、流程控制语句
- 选择结构(分支语句):if if-else if else-if
1.2 选择结构(分支语句)
1.2.1 单分支 if
-
语法
-
if分支 语法: if(条件){ 如果条件为真,执行这里的代码 }
// 当n的值大于7的时候,执行大括号里面的代码 var n = 8; if (n > 7) { console.log('上小学'); }
1.2.2 双分支 if-else
if-else是在if的基础上加了一个条件不成立时要执行的操作,即条件成立时做某个操作,条件不成立时做某个操作
-
语法:if(条件){ 条件成立时执行的代码 }else{ 条件不成立时执行的代码 }
-
if-else分支 语法: if(条件){ 如果条件为真,执行这里 }else{ 如果条件为假,执行这里 }
// 如果我有钱,有1000,买坦克打日本,否则乖乖搬砖 var a = 100; //钱 var a = 10000; if (a > 1000) { alert('买坦克打日本'); } else { // 条件不成立的时候执行的代码 alert('乖乖搬砖'); } //当n的值大于等于7的时候执行alert('上小学');代码,否则执行alert('上幼儿园');代码 var n = 7; if (n >= 7) { alert('上小学'); } else { alert('上幼儿园'); }
6、累加
累加:在自身的基础上进行相加
累减:在自身的基础上进行相减
累乘:在自身的基础上进行相乘
var a = 10;
console.log(a += 10); //20
// 等于 a += 10 ==== 10 + 10 = 20
var b = 10;
console.log(b -= 10); //0
// 等于 b -= 10 ==== 10 - 10 = 0
var c = 10;
console.log(c *= 10); //100
// 等于 c *= 10 ==== 10 * 10 = 100