js中a标签行内绑定事件，this的指向问题！

一、

<a href="javascript:fn()"></a>

通过href="javascript:fn()"绑定的函数无法传递this!

二、

<a href="javascript:void(0)" onclick=fn()></a>

function fn() {
    console.log(this);
}

this指向window!

三、

<a href="javascript:void(0)" onclick=fn(this)</a>

function fn(dom) {
    console.log(dom)
}

dom指向a标签！

用switch来写：

<script type="text/javascript">
    var infos=new Array();
    infos=[
        ['小A','女',21,'大一'],
        ['小B','男',23,'大三'],
        ['小C','男',24,'大四'],
        ['小D','女',21,'大一'],
        ['小E','女',22,'大四'],
        ['小F','男',21,'大一'],
        ['小G','女',22,'大二'],
        ['小H','女',20,'大三'],
        ['小I','女',20,'大一'],
        ['小J','男',20,'大三']
    ];

    //第一步把之前的数据写成一个数组的形式,定义变量为 info
    for(i=0;i<infos.length;i++)
    {
        switch(infos[i][3])
        {
            case "大一":
                switch(infos[i][1])
                {
                    case "女":
                        document.write("大一女同学的名字有："+infos[i][0]+"<br>");
                }
                break;
        }
    }
</script>

尺寸问题详解！！！(以width为例）

tips：①浏览器最大的滚动条不计入body内。

其他的滚动条都属于各自的元素。

②padding是可视的哦！但是，滚动条在元素的border内部，会与padding重合。

此时clientWidth要去除滚动条的部分，因此clientWidth≠width    +  padding-width；

一、（浏览器）可视窗口尺寸：   

window.innerWidth（bom）包含最大的那个滚动条；而document.documentElement.clientWidth（dom）是指body不包含最大的那个滚动条。而且也可用来获取元素可视区域的尺寸！

二、标签内容的尺寸

document.body.scrollWidth || document.documentElement.scrollWidth

不包含滚动条。若标签没有内容，但设定了尺寸，也看做是有内容，内容为null，此时scrollWidth=clientWidth。

三、标签的尺寸

document.body.offsetWidth || document.documentElement.offsetWidth

这个经常能用到： offsetWidth = clientWidth+滚动条+border;

操作符优先级（高到低）：算术操作符 比较操作符 逻辑操作符 "="赋值符号

如果同级的运算是按从左到右次序进行,多层括号由里向外。

一定要将otest作为对象写成otest.insertBefore(newnode,node),而不是直接写成node.insertBefore(newnode)。因为要通过父节点来操作子节点。

当x存在并且nodeType!=1(元素节点的nodeType不为1)时，也就是当前的节点为非元素节点时，把下一个兄弟节点给x

#tabs ul{

     height:30px; 

 }

限制高度，在能起到覆盖到下面边框的作用

"!"是逻辑非操作符，也就是"不是"的意思,非真即假，非假即真。

"||"逻辑或操作符，相当于生活中的“或者”，当两个条件中有任一个条件满足，“逻辑或”的运算结果就为“真”。

注意: 如果A为真，A || B为真，不会在执行B; 反之，如果A为假，要由 B 的值来决定 A || B 的值。

逻辑与操作符：“&&”是逻辑与操作符，只有“&&”两边值同时满足(同时为真)，整个表达式值才为真。

注意: 如果A为假，A && B为假，不会在执行B; 反之，如果A为真，要由 B 的值来决定 A && B 的值。

比较操作符：就是两个操作数通过比较操作符进行比较，得到值为真（true）和假(false)。

算术操作符除了(+、-、*、/)外，还有两个非常常用的操作符，自加一“++”；自减一“--”。

mynum = mynum + 1;//等同于mynum++mynum = mynum - 1;//等同于mynum--

（1）操作符：例如，算术操作符(+、-、*、/等)，比较操作符(<、>、>=、<=等)，逻辑操作符(&&、||、！)。

注意: “=” 操作符是赋值，不是等于。

(2) "+"操作符

算术运算符主要用来完成类似加减乘除的工作，在JavaScript中，“+”不只代表加法，还可以连接两个字符串

一个表达式可以包含常数或变量。

var就相当于找盒子的动作，在JavaScript中是关键字（即保留字），这个关键字的作用是声明变量，并为"变量"准备位置(即内存）。

var mynum ; //声明一个变量mynum

当然，我们可以一次找一个盒子，也可以一次找多个盒子，所以Var还可以一次声明多个变量，变量之间用","逗号隔开。

var num1,mun2 ;