正文

JS从头开始

IP云
IP云V管理员/5 阅读
12/01
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示
  • 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()

相关阅读

目录[+]