JS从头开始

Posted 2020-07-22 xixi

• 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

 

1、输出内容：document.write

2、警告：alert()

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

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

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

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

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

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

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

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

7、className：object.className得到对象的class

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

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

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

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

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

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

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

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

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

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

18、getElementById(); getElementsByName(); getElementsByTagName();  getElementsByClassName()此方法在IE10之前不能用; 其中只有ID是唯一的，返回值只有一个，其他返回值可能为数组。

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

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

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

22、window.history.forward(); window.history.back(); window.history.go();

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

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

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

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