相等运算符,条件运算符,运算符的优先级,分组,js操作属性,js操作style属性,js操作class,函数,匿名函数,函数预解析,传参,return关键字,流程控制语句

相等运算符== 如果值的类型不同,则会自动进行类型转换,然后在比较

===全等用来判断两个值是否全等,和相等类似,不同的是它不会自动类型转换

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后的语句

你可能感兴趣的:(相等运算符,条件运算符,运算符的优先级,分组,js操作属性,js操作style属性,js操作class,函数,匿名函数,函数预解析,传参,return关键字,流程控制语句)