相等运算符== 如果值的类型不同,则会自动进行类型转换,然后在比较
===全等用来判断两个值是否全等,和相等类似,不同的是它不会自动类型转换
null != 0 null == undefined NaN不和任何数相等包括它本身
isNaN判断一个数是否是NaN
条件运算符:条件表达式?语句1:语句2;
运行时首先对表达式求值,为true执行语句一 false执行语句二
var a = 10;
var b = 20;
var c = 30;
var max = a > b ? a : b;
max = c > max ? c : max;
alert(max)
运算符的优先级:, 运算符 用于分割多个语句,一般可以在声明多个变量时使用
var a,b,c;
var a=1,b=2,c=3;
优先级一样的从左往右 可以使用()改变优先级
语句:程序是由一条一条的语句组成
使用{}进行分组,称作代码块 只有分组作用,不会把变量隔离
{
alert('hello');
console.log('你好');
document.write('hello');
}
js操作属性:通过document来获取整个网页的属性
window.onload = function() {
document.getElementById('div1').title = 'i love you'
}
js换肤:
window.onload = function () {
var link1 = document.getElementById('link1');
link1.href = 'css/2.css'
alert(link1.id)//读属性
}
js操作style属性:
window.onload = function () {
var div1 = document.getElementById('div1');
// div1.style.color = 'red';
div1.style.background = 'gold';
div1.style.fontSize = '30px';//带减号的用驼峰命名
}
js操作class:
window.onload = function () {
var div1 = document.getElementById('div1');
div1.className = 'box02';
}
js中括号操作属性:
window.onload = function () {
var div1 = document.getElementById('div1');
var attr = 'color';
div1['style'][attr] = 'red';//中括号里边可以写变量
var div1 = document.getElementById('div1');
div1.innerHTML = '222'; 添加标签 ,重绘
}
// innerHTML可以重绘页面的一部分
// document.write只能重绘整个页面
js函数: function aa() {
alert('hello');
}
按钮添加点击事件 调用函数
函数预解析:
会把定义的函数提前 和定义变量的声明提前 但是赋值不提前
匿名函数:
window.onload = function () {
var div = document.getElementById('div1');
div.onclick = function () {
alert('hello')
}
}
函数传参:
var div = document.getElementById('div1');
function Style(style,val){
div.style[style] = val;}
return关键字:
var c= a +b;
return c;
流程控制语句:
if( 条件表达式 ){ 语句 }else{ 语句 }
先对if后面的表达式进行判断 true执行if后的语句 false执行else后的语句