js学习笔记

定时器：


1.倒计定时器： timename=setTimeout("function();",delaytime);


2.循环定时器:  timename=setInterval("function();",delaytime);


js  为网页添加一些交互，或者功能；修改样式；


第一个js效果：鼠标提示框


onclick：点击事件


让div显示或者隐藏  使用display的block和none（例如：div1.style.display='block';）


鼠标停留到位置上的是onmouseover和onmouseout（分别是鼠标移入或者移除）


document.getElementById();(通过id获取元素)




重用：




函数的基本格式：




function 函数名（）（定义）
{


代码
}






网页换肤（对link设置id，对link的属性进行操作）


function skin1（）
{

}


注意：任何标签都可以加id，包括linke，任何标签的任何属性都可以修改，html怎么写，js就怎么写；




if判断：


className：css的class在js中的调用必须写成className，


提取行间事件


第一种操作属性的方法：通过点“.”
第二种操作属性的方法，通过方括号[](),相比第一种   具体的属性名字是可以变化的 


字面量（常量）：看到的东西，自然之道是什么
相反就是变量




通过style加进去的样式  都是加在了行间
当样式放在行间的时候  是可以在js中获取的 样式放在样式表里面是取不出来的 


样式的优先级   


*（通配符）<标签<class<id<行间




如果给了style，操作class没有反应  class优先级  小于行间




提取行间事件：
为元素添加事件，


在js中可以使用匿名函数，例如：oBth.onclik=function（）
onclick必须接受函数，


window.onload   当页面加载完成的时候发生（后面必须加函数）


行为、样式、结构 三者分离




获取一组元素


getElementsByTagName


checked=true/false；




选项卡


this


先让原来的class全部变成空


同样  下面的div也是同理  设置当前的为display为：block




innerHTMl


JavaScript的组成




ECMAScript：翻译   解释器 


DOM （Document Object Model） 可以创建  修改  操作一些元素




BOM Browser Object Model  浏览器 window 






NaN：Not a  Number




隐式类型装换：

==（先转换类型比较）、===（不转换类型，比较）

-：数字相减，

闭包：子函数可以使用父函数定义的局部变量




json循环


使用for in来进行取值


for（var i in json）{}