JS书写方法、比较运算符和封装

所有的事件都写在

window.onload=function{

     其他所有代码放在这里

}

JavaScript有三种加入方式：

1.直接写在页面

2.行内，写在标签中

3.外部引用

 

JavaScript的引用值有三种

1.Array 数组 a=[1,2,3,4,]

2.Object 对象 a={id:1,name:xx}

3.function(){ }

注：方括号里面包含的是数组，并且数组里面可以包含多个对象

 

函数格式；

1. function 变量（）{

alter（“hello”）

}

变量（）

2.var 变量=function（）{

alter（“hello”）

}

变量的命名：

字母，_ ，$，数字

 

比较运算符

“>” , "<" , "==", ">=" , "<=" ,"!="

比较结果为Boolean

逻辑运算符

“&&” ， “||” ，“ ！”

运算结果为真是的值 

被认定为false的值

undefined，null,NaN,"",0,false

不可做变量命名的关键字：

注意：先加后赋值 +=

取余数，如果是小数除以大数，则余为小数本身，大数除以小数正常计算

居中calc属性：

top:calc(50%-125px)

 

选择器

document.getElementsByTagName          标签选择器

document.getElementById                        Id选择器

documen.getElementsByClassName       Class选择器

document.getElementsByName               选取带有指定name属性的元素（不常用）

document.query.Selector                          html5，接受一个CSS选择符，只匹配第一个

document.quertSelectorAll                        html5， 匹配所有元素

 

封装：id class和标签选择器

function $(str) {

  var s = str.charAt(0)//截取第0个位置的内容

  var ss = str.substr(1)//从第0个开始截取后面的内容

  switch (s) {

    case"#":

    return document.getElementById(ss);

    break;

    case".":

    return document.getElementsByClassName(ss);

    break;

    default:

    return document.getElementsByTagName(str);

  }

}