JS知识点简单总结

JS(JavaScript) 是一种解释性语言

               是弱/动态

               最开始用于表单验证的

JS的五个部分：

1.核心语言定义

2.原生对象和内置对象

5boolean

3.BOM

4.DOM

5.事件处理模型

 

数据类型

1.Undefined

2.Number

3.Object

4.String

 

当函数无明确返回值时，返回的值为Undefined

 

JS中的单引号和双引号区别不大,都是字符串的

 

BOM : 浏览器对象模型

      最上一层 window

      通过DOM可以获取页面的大小,来进行操作

      

 

setTimeout()  //只执行一次

setInterval()  //死循环

 

document.images // 获取所有图片的集合

 

window.location  // 地址栏

 

window.history  //历史纪录

 

window.history.go(-1) //返回上一级

 

window.navigator  //获取操作系统的版本

 

DOM 

document

api 一组函数/属性

文档对象模型

 

Document.getElementById();

 

innerHTML();  // (select/table不能直接使用)

节点

innerText();

文本

 

document.childNodes 子节点[包括元素节点和文本节点]//除了标准元素之外包含文本

 

事件

 

定义:用户和页面之间交互

 

事件的处理

 

1. 传统:赋值操作,原来的不存在了
2. 现在:往里面累加(缺点浏览器问题)

 

事件分类

1. 鼠标

mousedown , mouseup , mouseover , mouseout

1. 键盘

keydown , keypress , keyup

1. HTML

load , focus ,blur , change ,select

 

this   event

this 传值

event 发生事件本身,低版本IE(window.event)

 

应用部分

 

1. 控制样式

Background-color === backgroundColor

document.body.style.backgroundColor

document.body.className

 

1. 正则表达式

/^开始  $结束/

1. *:匹配0到N个字符
2. +:1到N个字符
3. ?:零到1
4. {}范围
5. [789]可以为7为8为9,[m-n]范围区间

\. 输入小数点

 

正则表达式：执行效率低

 

jQUery

 

$===jQuery

 

gt()除了上面之外的

 

<form action=”” method=”post/get”></form>

 

Post 提交内容不在导航栏显示

Get  提交内容在上面的导航栏显示

 

JS获取form

1. Document.getElementById();
2. Document.getElementsByNames()[];
3. Document.getElementsByTagName()[];
4. Document.forms[0]/ Document.forms[]
5. Document.
6. Document.body.childNodes 然后使用循环来确定是否为form元素

 

jQuery获取form

1. $(id);
2. $(class:eq());
3. $(“from”).eq();
4. $(“action=’ ’:eq() ”)

 

Input type 属性

1. Text
2. Botton
3. File
4. Radio
5. Password
6. Hidden
7. Submit
8. Reset
9. Checkbox
10. Image

Select

Textarea

 

jQuery-ui