黑马程序员技术交流社区

标题: 【黑马程序员杭州】PHP课程笔记day11-JavaScript基础 [打印本页]
作者: 小江哥    时间: 2017-12-21 14:51
标题: 【黑马程序员杭州】PHP课程笔记day11-JavaScript基础
本帖最后由 小江哥 于 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对象
2.2 Array对象的属性
属性名
功能
ArrayObject.length
返回数组的长度  数组元素的个数
2.3 Array对象的方法
方法名
功能
ArrayObject.push(数组元素1,数组元素2….)
向数组的末尾添加一个或者多个数组元素 并将新的长度返回
方法名
功能
ArrayObject.pop()
删除并返回数组的最后一个元素
方法名
功能
ArrayObject.join([sep])
参数说明：
sep：表示连接的符号 可缺省的
如果这个参数没有写 则默认使用英文下面的逗号进行连接，如果有写就使用指定的连接符号来进行连接
将数组里面的元素合并为一个字符串


上图：是没有使用指定的连接符号  
上图：是使用了指定的连接符号
三、Date对象
3.1如何创建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对象的属性
属性名
功能
Math.PI
求圆周率
5.2Math对象的方法
方法名
功能
Math.abs(x)
返回x的绝对值
方法名
功能
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对象
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()
关闭当前浏览器窗口

注意：这个方法它有浏览器兼容性的问题
火狐浏览器如何设置关闭当前的窗口：

方法名
功能
window.open(url,name,options)
参数说明：
url：要打开窗口的地址
name：窗口的名称
在浏览器中打开一个新窗口
这个方法有一个返回值 它的返回值是代表当前打开的这个窗口对象 这个返回值它主要是用来给close()这个方法来使用
options:




注意：

方法名
功能
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列表中的某个具体的页面



7.2-4.png (137.39 KB, 下载次数: 25)

7.2-4.png




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2