条件运算符
条件运算符也叫三元运算符
- 语法:
条件表达式?语句1:语句2;
-
执行的流程:
条件运算符在执行时,首先对条件表达式进行求值,
如果该值为true,则执行语句1,并返回执行结果
如果该值为false,则执行语句2,并返回执行结果
如果条件的表达式的求值结果是一个非布尔值,会将其转换为布尔值然后在运算true?alert("语句1"):alert("语句2"); false?alert("语句1"):alert("语句2");
运算符的优先级
运算符
使用,可以分割多个语句,一般可以在声明多个变量时使用-
就和数学中一样,在JS中运算符也有优先级,
比如:先乘除 后加减
在JS中有一个运算符优先级的表,
在表中越靠上优先级越高,优先级越高越优先计算
如果优先级一样,则从左往右计算
但是这个表我们并不需要记忆,如果遇到优先级不清楚
可以使用()来改变优先级.、[]、 new () ++、 -- !、~、+(单目)、-(单目)、typeof、void、delete %、*、/ +(双目)、-(双目) << 、 >>、 >>> <、<=、>、>= ==、!==、=== & ^ | && || ?: =、+=、-=、*=、/=、%=、<<=、>>=、>>>=、&=、^=、|= ,
如果||的优先级高,或者两个一样高,则应该返回3
如果与的优先级高,则应该返回1
var result = 1 || 2 && 3;
console.log("result = " + result);
代码块
我们的程序是由一条一条语句构成的
语句是按照自上向下的顺序一条一条执行的
在JS中可以使用{}来为语句进行分组,同一个{}中的语句我们称为是一组语句,它们要么都执行,要么都不执行
一个{}中的语句我们也称为叫一个代码块在代码块的后边就不用再编写;了
JS中的代码块,只具有分组的的作用,没有其他的用途
代码块内容的内容,在外部是完全可见的
{
var a = 10;
alert("hello");
console.log("你好");
document.write("语句");
}
console.log("a = "+a);
js操作属性
DOM是为了操作文档(网页)的API,document是它的一个对象
BOM是为了操作浏览器的API,window是它的一个对象
常用BOM对象还有:alert、定时器等
js操作属性
这是一个div元素
腾讯网
js换肤
1.css和2.css里面是两个颜色的皮肤,
通过
var Link1 = document.getElementById('link1');
Link1.href = "css/2.css";
来引入2.css样式
js换肤
js操作style属性
style属性中的样式属性,带"-"号的需要去掉"-"号,写成小驼峰式
例如:font-size属性要写为fontSize
这是一个div元素