JS知识点简单总结

2024-09-09 14:44:29

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 子节点[包括元素节点和文本节点]//除了标准元素之外包含文本

事件

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

事件的处理

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

事件分类

鼠标

mousedown , mouseup , mouseover , mouseout

键盘

keydown , keypress , keyup

HTML

load , focus ,blur , change ,select

this event

this 传值

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

应用部分

控制样式

Background-color === backgroundColor

document.body.style.backgroundColor

document.body.className

正则表达式

/^开始 $结束/

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

\. 输入小数点

正则表达式：执行效率低

jQUery

$===jQuery

gt()除了上面之外的

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

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

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

JS获取form

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

jQuery获取form

$(id);
$(class:eq());
$(“from”).eq();
$(“action=’ ’:eq() ”)

Input type 属性

Text
Botton
File
Radio
Password
Hidden
Submit
Reset
Checkbox
Image

Select

Textarea

jQuery-ui

最新文章

热门文章