JS从头开始

• API：应用程序编程接口
• HTML：超文本标记语言
• XML：可扩展标记语言
• HTML和XML的差异：设计目的不一样：XML被设计用来传输和存储数据，其焦点在数据的内容；HTML被设计用来显示数据，其焦点在数据的外观上。
• DOM(Document Object Model):文档对象模型；

一个完整的 JavaScript 实现应该由下列三个不一样的部分组成：

　　1.核心（ECMAScript）

　　2.文档对象模型（DOM）

     　　提供访问和操做网页内容的方法和接口。

     　　DOM是针对XML但经扩展用于HTML的应用程序编程接口（API）。在DOM中，页面被理解为分层节点结构（树形图）。

　　3.浏览器对象模型（BOM）

     　　提供与浏览器交互的方法和接口。

     　　使用 BOM 能够控制浏览器显示的页面之外的部分。

JS的六种数据类型：number、string、boolean、null、undefined、object

object（对象）：function、array、date。。。

typeof能够返回的类型：number,string,boolean,object,function,undefined

 

一、输出内容：document.write

二、警告：alert()

三、确认：confirm(),  肯定按钮返回true，取消按钮返回false；

四、提问：prompt(txt,txtdef)，txt为对话框的title，txtdef为默认输入；确认按钮返回输入字段当前显示的文本，取消按钮返回null；

五、打开新窗口：window.open();

六、关闭窗口：window.close();

七、移动当前窗口：window.moveTo();

八、调整当前窗口大小：window.resizeTo();

五、获取id为p的标签里的内容：content=document.getElementById("p").innerHTML

六、backgroundColor="#fff":背景颜色设置

七、className：object.className获得对象的class

八、removeAttribute("style")：删除指定的属性

九、鼠标事件：onclick; onmouseover; onmouseout; onfocus; onblur; onchange; onload; onunload;onmousedown; onmouseup; onmousemove元素以前要有绝对定位pasition：absolute; 

十、将类型转换为整数型：parseInt();

十一、字符串转换成大写：toUpperCase(); 转换为小写：toLowerCase();

十二、返回指定位置上的字符串：charAt(index); index的范围在0~string.length-1;

1三、indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。indexOf("a")，找不到返回-1;

1四、split() 方法将字符串分割为字符串数组:split("")以空格分割；split(".")以.分割;

1五、substring() 方法用于提取字符串中介于两个指定下标之间的字符。substring(startposition,stopposition);第一个参数为负值，表示倒数；第二个参数能够省略；

1六、slice(start,end);返回数组中下表为start—end-1之间的元素；end参数能够省略；

1七、setTimeout()延迟指定时间——clearTimeout();  setInterval()每隔指定时间执行代码——clearInterval();

1八、getElementById(); getElementsByName(); getElementsByTagName();  getElementsByClassName()此方法在IE10以前不能用; 其中只有ID是惟一的，返回值只有一个，其余返回值可能为数组。

1九、getAtrribute()获取标签的属性。

20、setAtrribute() 设置标签的属性。

2一、window.location.reload();刷新当前网页；与setTimeout()函数连用实现自动刷新

2二、window.history.forward(); window.history.back(); window.history.go();

2三、innerHTML和value的区别：表单内控件的属性用value取输入值；对于DOM的元素，用innerHTML取其内部元素代码。

2四、clientX/clientY :获取鼠标在页面但是区域的位置坐标；screenX/screenY：鼠标相对于屏幕的坐标位置；offsetLeft/offsetTop

2七、JS中的return、continue和break的区别：return和break二者均可以中断当前的方法，return是中断后返回到该方法调用的地方继续向下执行；break是强制结束循环后，直接转向循环结构以后的语句继续执行；continue是跳过当前，继续执行循环的下个值，并不跳出循环；

2八、获取焦点事件：onfocus();   失去焦点事件: onblur()