js学习总结

JavaScript学习总结


一、储备知识（必备）：


１、JS 为脚本语言，由服务器端语言（如perl）负责的一些输入验证操作，已经能处理复杂的计算和交 互，拥有了闭包、匿名函数、元编程等特性；
２、JS组成：三大部分 核心（ＥＣＭＡＳｃｒｉｐｔ）
　　　　　　　　　　　文档对象模型（ＤＯＭ）
　　　　　　　　　　　浏览器对象模型（ＢＯＭ）；
３、DOM编程 document object module 用于设置对象、样式、属性、事件 动态控制当前页面交互，

提供访问和操作网页内容的方法和接口，允许程序和脚本动态的访问和更新文档的内容 结构样式；

JavaScript DOM编程
var m=document.getElementById("dd");
获取标签对象
m.innerHTML=xxx;//设置标签中间的内容
m.style["width"]=xxx
m.style.width=xx;
m.className="btn menu ll";
var p=document.createElement("p");//创建一个p标签
p.innerHTML="你好";
m.appendChild(p);

４、BOM编程 浏览器对象模型  提供与浏览器交互的方法和接口；
５、CS Client Server  客户端 ；
６、BS Browse Server  浏览器端；
７、
二、实战经验
1、nav标签定义导航链接的部分。不加的时候，链接依然可以产生，不知nav定义为何？
   解决办法，nav只是一个标签，标签内的东西在进行css样式处理的时候会比其他模块好用，比如对菜单条目的一些处理，使用display：block的时候更明显些；
2、list-style-type:none可以去掉列表的表前黑点
3、css一定要写在head体内，否则出错
即<style type="text/css"></style>

4、易出现的低级错误，拼写出错：header写成了head。。。。。。。。。修了好久的bug

5、调用JS的三种方式：3种形式
                                         1.<script> xxxx</script>
                                         2.xxx.js
  <script src="xxx.js"></script>
3.<a href="javascript:fun1();"></a>

6、程序流程

三种：顺序 、分支、循环（while循环 、for循环、do  while循环）

7、事件

<input type="button" onclick="change();">
onclick
onmouseover 鼠标移到
onmouseout 鼠标离开
onchang   当列表别改变
ondblclick 双击
onkeyup   按键抬起
onkeydown 按键按下
onfoucs   获取焦点
onblur    失去焦点