关系运算符：
var result = 5>10
console.log('result'+result); //false
非数值转成数字在比较
1>'0'
2>null
1>true
'11'<'5' true (比较字符编码) 1<5
'123'< +'1' false
相等运算符
相等运算符用来比较两个值是否相等，
如果相等会返回true，否则返回false
使用 == 来做相等运算
- 当使用==来比较两个值时，如果值的类型不同，则会自动进行类型转换，将其转换为相同的类型，然后再比较
不相等
不相等用来判断两个值是否不相等，如果不相等返回true，否则返回false - 使用 != 来做不相等运算
- 不相等也会对变量进行自动的类型转换，如果转换后相等它也会返回false
===
全等
- 用来判断两个值是否全等，它和相等类似，不同的是它不会做自动的类型转换
如果两个值的类型不同，直接返回false
!==
不全等 - 用来判断两个值是否不全等，和不等类似，不同的是它不会做自动的类型转换
如果两个值的类型不同，直接返回true
NaN不和任何值相等，包括他本身
可以通过isNaN()函数来判断一个值是否是NaN
如果该值是NaN则返回true，否则返回false
条件运算符
条件运算符也叫三元运算符
语法：
条件表达式?语句1:语句2;
- 执行的流程：
条件运算符在执行时，首先对条件表达式进行求值，
如果该值为true，则执行语句1，并返回执行结果
如果该值为false，则执行语句2，并返回执行结果
如果条件的表达式的求值结果是一个非布尔值，会将其转换为布尔值然后在运算
李爽 2018/10/30 20:01:23
由于class是js中的保留关键字，所以设置class属性时，要写为className
设置一个匿名函数
function aa(){
alert('hello!');
window.onload = function(){}； 整个文档加载完之后执行一个匿名函数
function skin01(){
var oLink = document.getElementById('link1');
oLink.href = "css/1.css";
DOM是为了操作文档（网页）的API，document是它的一个对象
BOM是为了操作浏览器的API，window是它的一个对象
常用BOM对象还有：alert、定时器等
通过innerHTML可以读写元素包括的内容
document.write和innerHTML的区别
document.write只能重绘整个页面
innerHTML可以重绘页面的一部分
通过[]操作属性可以写变量
'red';//red必须加引号，否则会认为它是一个变量，引起来会认为它是一个值，赋值给=号左边
变量预解析
alert(a);//只把变量a的声明提前，赋值不提前，所以弹出undefined，表示它的值未定义
alert(c);//报错，c没有声明，这是真正的未定义
作业：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>导航</title>
<style type="text/css">
{
margin:0;
padding:0;
}
.a{
width: 960px;
height: 40px;
background-color: #55a8ea;
margin: 100px auto;
}
.b a{
text-decoration: none;
font:14px '微软雅黑';
color:#fff;
/display: block;*/
line-height: 40px;
width: 100px;
text-align: center;
float:left;
}
.b li{
list-style: none;
}
.b a:hover{
background-color: #00619f;
color:red;
}
.b img{
position: absolute;
top: 87px;
}
</style>
</head>
<body>
<div class='a'>
<ul class='b'>
<li><a href="#">首页</a></li>
<li><a href="#">网站建设</a></li>
<li><a href="#">程序开发</a></li>
<li><a href="#">网络营销</a></li>
<li><a href="#"><img src="css3/img/new.png">企业VI</a></li>
<li><a href="#">案列展示</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
</body>
</html>
网友评论