本帖最后由 小江哥 于 2017-12-21 15:03 编辑
一、String对象的方法 方法名 | 功能 | StringObject.split(sep) 参数说明: sep:指定的分隔符 | 使用指定的分隔符将一个字符串分隔为一个数组
|
方法名 | 功能 | StringObject.replace(reg,str) 参数说明: reg:规定了要替换的模式的 RegExp 对象 str:被替换的内容 | 使用str参数里面的内容替换reg的第一次匹配或所有匹配之后得到的内容 |
下图所示:只替换了第一个hello
下图所示:使用了正则表达式对象以后 就可以将所有的hello替换为你好。 二、Array对象 2.1如何创建Array对象 - 1) 使用[]来创建
- 2) 使用new关键字和Array()方法来创建
2.2 Array对象的属性 属性名 | 功能 | ArrayObject.length | 返回数组的长度 数组元素的个数 |
2.3 Array对象的方法 方法名 | 功能 | ArrayObject.push(数组元素1,数组元素2….) | 向数组的末尾添加一个或者多个数组元素 并将新的长度返回 |
方法名 | 功能 | ArrayObject.pop() | 删除并返回数组的最后一个元素 |
方法名 | 功能 | ArrayObject.join([sep]) 参数说明: sep:表示连接的符号 可缺省的 如果这个参数没有写 则默认使用英文下面的逗号进行连接,如果有写就使用指定的连接符号来进行连接 | 将数组里面的元素合并为一个字符串
|
上图:是没有使用指定的连接符号 上图:是使用了指定的连接符号 三、Date对象 3.1如何创建Date对象 - 1) 使用new关键字和Date()方法来创建 带参数获取指定的时间日期对象
- 2) 使用new关键字和Date()方法来创建 不带参数 系统当前的时间日期对象
3.2 Date对象的方法 方法名 | 功能 | DateObject.getFullYear() | 获取4位数的年份 | DateObject.getMonth() | 获取月份 返回值 0~11 0表示1月 11表示12月 | DateObject.getDate() | 返回一个月中的某一天 返回值:1~31 | DateObject.getHours() | 小时 返回值0~23 | DateObject. getMinutes() | 获取分钟 返回值:0~59 | DateObject.getSeconds() | 获取秒数 返回值:0~59 | DateObject.getMilliseconds() | 获取毫秒 返回值:0~999 | DateObject.getDay() | 获取一周中的某一天 返回值:0~6 | DateObject.getTime() | 获取时间戳 返回从1970年1月1日 一直到现在的毫秒数! |
四、Number对象 4.1如何创建Number对象 定义一个数值型变量 这个变量名就是Number对象
4.2Number对象的方法 方法名 | 功能 | NumberObject.toFixed(n) | 对NumberObject进行四舍五入后保留n位小数 |
五、Math对象 注意:Math对象不需要创建 直接使用即可! Math关键字就是对象名
5.1 Math对象的属性 5.2Math对象的方法 方法名 | 功能 | Math.max(x,y,z,………) | 返回最大值 | Math.min(x,y,z,………) | 返回最小值 |
方法名 | 功能 | Math.pow(x,y) | 返回x的y 次方 | Math.sqrt(x) | 返回x的平方根 |
方法名 | 功能 | Math.ceil(x) | 对x进行向上取整 得到一个比当前数要大的最小整数 | Math.floor(x) | 对x进行向下取整 得到一个比当前数要小的最大整数 |
方法名 | 功能 | Math. round(x) | 对x进行四舍五入 |
方法名 | 功能 | Math. random() | 返回0~1之间的随机数 但是包含0不包含1 [0,1) |
我们如何通过Math.random()这个方法来获取0~10、10~20、30~40之间的随机数。 原始值 |
| 0 | 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 | 0.9 | 0~10 | *10 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 9 | 10~20 | *10+10 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 30~40 | *10+30 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 39 | 得出公式 | Math.floor(Math.random()*(最大值-最小值)+最小值) 只包含最小值并不包含最大值 |
| Math.floor(Math.random()*(最大值-最小值+1)+最小值) 包含最大值与最小值 |
六、BOM对象 6.1什么是BOM对象? Browser Object Model 浏览器对象模型
6.2 BOM对象的作用 BOM对象它主要为了访问和操作浏览器各组件提供了一系列的属性与方法!
6.3BOM的结构图
- λ window对象 它是JavaScript中最顶级的对象,它代表着当前的整个浏览器窗口对象 其它的对象都是以属性的方式添加在window对象下面!比如:document这个对象它就是window对象下面的一个属性,但是它同时也是一个对象。document它相对于window对象来说它就是一个属性 如果document它相对于write方法来说它就是一个对象
- λ DOM对象 文档对象模型 它是用来操作当前的HTML文档 提供了一些属性与方法
- λ document对象 它代表当前的文档对象
- λ history对象 历史对象 它主要是用来记录浏览器的访问历史记录!注意:只有访问过后才会有历史记录。
- λ location对象 地址栏对象 它可以用来获取到当前浏览器上面的地址栏中相关数据。
- λ navigator对象 浏览器对象 它可以获取到浏览器的相关数据。比如浏览器的名称、版本等等
- λ screen对象 屏幕对象 它可以获取到与屏幕相关的数据。比如:屏幕的分辨率
七、window对象 7.1window对象的属性 属性 | 功能 | window.innerWidth | 获取浏览器内部的宽度(不包含浏览器的左右两边边框) | window.innerHeight | 获取浏览器内部的高度(不包含浏览器的菜单栏和地址栏以及上下的边框) | window.outerWidth | 获取整个浏览器的宽度 | window.outerHeight | 获取整个浏览器的高度 |
7.2window对象的方法 方法 | 功能 | window.alert() | 向浏览器窗口中弹出一个警告提示框 | window.prompt() | 向浏览器窗口中弹出一个用户输入对话框 | window.confirm(str) | 向浏览器窗口中弹出一个用户确认框 如果点击了确定按钮会返回一个true 如果点击了取消按钮会返回一个false |
window.prompt方法的截图
window.confirm方法的截图
方法名 | 功能 | window.close() | 关闭当前浏览器窗口 |
注意:这个方法它有浏览器兼容性的问题 火狐浏览器如何设置关闭当前的窗口: - 1. 在浏览器的地址栏中输入“about:config”敲击回车
- 2. 点击“我了解此风险”
- 4. 找到“dom.allow_scripts_to_close_windows” 然后将其值修改为true 就可以实现关闭当前窗口
方法名 | 功能 | window.open(url,name,options) 参数说明: url:要打开窗口的地址 name:窗口的名称 | 在浏览器中打开一个新窗口 这个方法有一个返回值 它的返回值是代表当前打开的这个窗口对象 这个返回值它主要是用来给close()这个方法来使用 | options: |
|
注意: - λ close()这个方法它并不只有window对象才可以调用 它还可以使用open()方法的返回值来调用
- λ 谁调用close()方法它就表示将哪一个窗口给关闭
- λ 如果是window对象来调用close()方法 就表示关闭当前浏览器的窗口
- λ 如果是open()方法的返回值来调用close()方法 就表示关闭open()方法打开的窗口
方法名 | 功能 | window.setTimeout(code,MilliSec) 参数说明: code:要执行的代码 代码可以是一个函数 MilliSec:时间 毫秒 | 当指定的时间MilliSec到了以后就执行一次code |
案例:要求3秒以后才关闭当前窗口
对上面功能进行提升需求:要求每隔3秒就要弹出一个hello
方法名 | 功能 | window.clearTimeout(timer) 参数说明: timer:要清除的延时器的返回值 | 清除指定的延时器 |
八、window对象的方法 方法名 | 功能 | window.setInterval (code,MilliSec) 参数说明: code:要执行的代码 代码可以是一个函数 MilliSec:时间 毫秒 | 每隔指定的时间就执行code 无限次执行code |
方法名 | 功能 | window.clearInterval (timer) 参数说明: timer:要清除定时器的返回值 | 清除指定的定时器 |
案例:使用定时器来实现图片轮播
九、screen对象 属性名 | 功能 | screen.width | 获取屏幕的宽度 | screen.height | 获取屏幕的高度 | screen.availWidth | 获取屏幕的有效宽度 | screen.availHeight | 获取屏幕的有效高度 | screen.colorDepth | 获取屏幕的色深 |
十、navigator对象 属性名 | 功能 | navigator.appName | 获取到浏览器的名称 | navigator.appVersion | 获取到浏览器的版本 | navigator.platform | 获取到操作系统的平台 |
十一、Location对象 11.1location对象的属性 属性名 | 功能 | location.href | 设置或者获取到浏览器地址栏中的URL地址 | location.search | 设置或获取从问号 (?) 开始的(查询部分) |
11.2location对象的方法 属性名 | 功能 | location.relolad() | 刷新当前浏览器 |
十二、history对象 注意:只有访问过后才会有历史对象 12.1history对象的方法 方法名 | 功能 | history.back() | 加载上一个URL页面 | history.forward() | 加载下一个URL页面 | history.go(n) | 加载history列表中的某个具体的页面 |
|