关系运算符
2018-10-30 本文已影响0人
儿懵
关系运算符
大于号 >
大于等于 >=
小于号 <
小于等于 <=
等于号=
- 字符串中使用转义字符输入unicode编码
<h1 style: "font-sized:200px; color:red;">☠</h1>
相等 两个值不同 直接返回true 会
等等yu 类型不同 会转成相同类型
var a = 10;
console.log(a==4); //false
console.log("1"==1); //tru
console.log(true=="1"); //true
console.log(null==0); //flase
console.log(undefined==null); //true
console.log(NaN=="1"); //false
console.log(NaN==undefined); //false
console.log(NaN==NaN); //false
var b=NaN;
console.log(b==NaN); //false
console.log(isNaN(b)); //false
不相等
console.log(10!=5); //true
console.log("1"!=1); //flase
console.log("abc"==="abc"); //flase
全等 不会给转换类型
console.log("123"===123); //flase
条件运算符 也叫三元运算符
语法: 表达式 语句1:语句2;
true执行1 flase2
true? alert("语句1"):alert("语句2");
var a=10;
var b=20;
a>b ? alert("a大"):alert("b大");
var max=a>b? a:b;
console.log("max="+max)
var max=a>b? a>b? (a>c? a:c) : (b>c?b:c);
console.log("max="+max)
'hello' ? alert(1) : alert(2); //不是布尔值 会转成布尔值 在进行计算
运算符
使用,可以分割多个词语,一般可以在声明多个变量是使用
var a,b,c
var a=1 b=2 c=3;
alert(b);
var result=1+2*3; //7
result=1 // 2 &&3 //先转成true或false 在进行运算 3
console.log("result=" +result) 优先级从左往又 可以用括号改变优先级
语句 代码块
具有分组的作用, 没有其他用途 代码块的内容在外部是完全可见的
{
alert('雨华是猪')
document.write('是的 她是猪')
console.log('你猜我在哪出来')
}
操纵属性
DOM为了操作文档的API document是它的有个对象
BOM为了操作浏览器API window是它的一个对象
常用BOM对象还有:alert 定时器等
整个文档加载完之后又执行的一个匿名函数
document所有网页
getElementById获取
<head>
<meta charset="UTF-8">
<title>js操作属性</title>
<script type="text/javascript">
window.onload=function(){
document.getElementById('div1').title="我看到了!";}
var link1=document.getElementById('link1')
link1.href="http://www.baidu.com";
link1.title="去到百度首页";
alert(link1.id);
alert(link1.title);
}
</script>
</head>
<body>
<div id="div" class="div1" title="这是一个div元素,看到了么">
这是一个div属性</div>
<a href="#" id="link1">百度网</a>
</body>
js换肤
<link id='link1' rel='stylesheet' type='text/css' href='css/1.css'>
<script type='text/javascript'>
window.onload=function(){
var link1=document.getElementById('link1');
link1.href='css/2.css';
alert(link1.id)
}
操作js属性
<head>
<meta charset="UTF-8">
<title>操作style属性</title>
<script type="text/javascript">
window.onload=function () { //都执行完了在执行这里的
var div1=document.getElementById('div1');
div1.style.color='red';
div1.style.background='gold';
}
</script>
</head>
<body>
<div id="id1">这是一个div属性</div>
</body>
js函数
function aa(){
alert('hello');
}
aa();
作业
导航作业.png
