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 失去焦点