一.JS简介
1.什么是JS
JS全称为JavaScript, 是一门运行在浏览器的, 动态类型的, 弱类型的(数据类型), 基于对象的直译者(就是不用编译)角本语言;
2.JS的组成
- ECMAScript: JS的基本语法规范
- BOM: Browser Object Model, 浏览器对象模型, 提供了与浏览器交互的一些函数;
- DOM: Document Object Model, 文档对象模型, 提供操作网页面的一些方法;
3.JS的作用
- JS代码可以操作浏览器: 进行网址跳, 历史记录切换, 浏览器弹窗等;
- JS代码可以操作网页: 操作HTML的标签, 标签的属性, 样式, 文本等等;
JS是在浏览器内存中运行时操作, 并不会修改网页源码, 所在刷新页面后网页会还原;
4.JS与java的对比
| 对比 | Java | JS |
|---|---|---|
| 运行环境 | JVM虚拟机 | JS引擎，是浏览器的一部分 |
| 是否跨平台运行 | 跨平台 | 跨平台 |
| 语言类型 | 强类型语言 | 弱类型，动态类型语言 |
| 是否需要编译 | 需要编译，是编译型语言 | 不需要编译，是解释型语言 |
| 是否区分大小写 | 区分大小写 | 区分大小写 |
5.JS的引入方式
JS学习
二.ECMAScript
1.JS中的变量与数据类型
JS学习
2.运算符
JS学习
3.逻缉语句
JS学习
4.函数
JS学习
5事件
5.1两种绑定方式
JS学习
5.2常见的事件
JS学习
6.内置对象
6.1正则对象
JS学习
常见js正则表达示规则, 与java基本相同, 可能就是转义方式不一样
| 符号 | 作用 |
|---|---|
| \d | 数字 |
| \D | 非数字 |
| \w | 单词：a-zA-Z0-9_ |
| \W | 非单词 |
| . | 通配符，匹配任意字符 |
| {n} | 匹配n次 |
| {n,} | 大于或等于n次 |
| {n,m} | 在n次和m次之间 |
| + | 1~n次 |
| * | 0~n次 |
| ? | 0~1次 |
| ^ | 匹配开头 |
| $ | 匹配结尾 |
| [a-zA-Z] | 英文字母 |
| [a-zA-Z0-9] | 英文字母和数字 |
| [xyz] | 字符集合, 匹配所包含的任意一个字符 |
6.2数组对象
JS学习
6.3日期对象
JS学习
三.BOM (window对象)
JS中的window代表整个浏览器, 但是通常window对象可以省略;
1.三种弹窗
window对象
2.两种定时方式
JS学习
3.history
location对象
4.location
location对象
四.DOM (document对象)
1.操作标签
| 方法 | 描述 | 返回值 |
|---|---|---|
document.getElementById(id) |
根据id获取标签 | Element对象 |
document.getElementsByName(name) |
根据标签name获取一批标签 | Element类数组 |
document.getElementsByTagName(tagName) |
根据标签名称获取一批标签 | Element类数组 |
document.getElementsByClassName(className) |
根据类名获取一批标签 | Element类数组 |
JS学习
hello div1
hello div2
hello span1
hello span2
2.操作标签体
JS学习
北京