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