今天内容:
1、js的内置对象
2、js的函数
3、js的事件
4、js的BOM
5、js的DOM
一、js的内置对象
1、Number对象
创建方式:
“var myNum=new Number(value);
var myNum=Number(value);”
常用方法:
toString():把数字转换为字符串,使用指定的基数。
valueOf():返回一个 Number 对象的基本数字值。
2、Boolean对象
创建方式:
“var bool = new Boolean(value);
var bool = Boolean(value);”
常用方法:
toString():把逻辑值转换为字符串,并返回结果。
valueOf():返回 Boolean 对象的原始值。
3、String对象
创建方式:
“var str = new String(s);
var str = String(s);”
属性:length:字符串的长度
常用方法:
indexOf():检索字符串。
lastIndexOf():从后向前搜索字符串。
split():把字符串分割为字符串数组。
substring():提取字符串中两个指定的索引号之间的字符。包括头不包括尾
substr():从起始索引号提取字符串中指定数目的字符。
toUpperCase():把字符串转换为大写。
valueOf():返回某个字符串对象的原始值。
4、Date对象
创建方式:
var myDate=new Date(); Date 对象会自动把当前日期和时间保存为其初始值。
var myDate=new Date(毫秒值); 1970年1月1日到先目前的时间点的毫秒
常见方法:
getFullYear():从 Date 对象以四位数字返回年份。
getMonth():从 Date 对象返回月份 (0 ~ 11)。
getDate():从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay():从 Date 对象返回一周中的某一天 (0 ~ 6)。
getTime():返回 1970 年 1 月 1 日至今的毫秒数。
toString():把 Date 对象转换为字符串。
toLocaleString():根据本地时间格式,把 Date 对象转换为字符串。
5、Math对象
“Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),像 Math.sin() 这样的
函数只是函数,不是某个对象的方法。您无需创建它,通过把 Math 作为对象使用就可以调用其所有属
性和方法。”
常用的方法:
ceil():对数进行上舍入。
floor():对数进行下舍入。
round():把数四舍五入为最接近的整数。
random():返回 0 ~ 1 之间的随机数。
6、RegExp对象
对象的方式:var reg = new RegExp(pattern);
直接量语法:var reg = /pattern/;
注意:正则规则一般是^开始 以$结束
正则规则:
[0-9]:代表0-9的数字
[A-Z]:代表大写字母
[a-z]:代表小写
[A-z]:大小写都行
\d:代表数字 \D:非数字
\w:代表单词 \W:非单词
{n}:n个
{n,m}:n到m个
n+:1次或多次
n?:0次或一次
n*:0次或多次
常用方法:
test(待校验的字符串)
需求:校验一个邮箱:haohao_827@163.com
7、Array对象
“var arr = new Array();
var arr = new Array(size);
var arr = new Array(element0, element1, …, elementn);
var arr = [element0, element1, …, elementn];”
属性:length:数组的长度
常用方法:
join();把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop():删除并返回数组的最后一个元素
reverse():颠倒数组中元素的顺序。
sort():对数组的元素进行排序 按照字典顺序排序
二、js的函数
1、自定义函数
(1) 普通函数
语法:function 函数名称(参数列表){函数体}
(2) 匿名函数
语法:function(参数列表){函数体}
(3) 对象函数
语法:new Function(“参数1”,”参数2”,…”参数n”,”函数体”);
注意:函数体必须写在最后,参数和函数体需要字符串的形式
参数列表:
NaN:not a number 不是一个数字
arguments对象:数组对象,负责收集实参
返回值:
返回值不需要在定义函数的时候声明
函数需要返回值只需在函数体中使用return进行返回,return后的代码不执行
2、js的全局函数
(1) 编码和解码
encodeURI():把字符串编码为 URI。
decodeURI():解码某个编码的 URI。
encodeURIcomponent():把为 URI 组件进行编码。
decodeURIcomponent():把为 URI 组件进行解码。
escape():编码字符串
unescape():解码字符串
需求:对url进行编码 http://www.baidu.com?name=张&pass=123
区别:对一些特殊字符编码的范围不同
http://www.baidu.com?name=%E5%BC%A0&pass=123
http%3A%2F%2Fwww.baidu.com%3Fname%3D%E5%BC%A0%26pass%3D123:适合编码提交的参数部分
http%3A//www.baidu.com%3Fname%3D%u5F20%26pass%3D123:适合编码单独的字符串
(2) 强制转换
Boolean()
String()
Number()
(3) 转成数字
parseFloat():解析一个字符串并返回一个浮点数。
parseInt():解析一个字符串并返回一个整数。
(4) eval()函数
把字符串作为脚本代码来执行。
三、js的事件
事件、事件源、响应行为
1、常用事件
onchange事件
onfocus()事件和onblur()事件
onmouseover事件和onmouseout事件onload事件
2、事件与事件源的绑定方式
(1) 事件与响应行为与事件源绑定(2)事件与事件源绑定 响应行为使用函数封装
this关键字:代表本事件源对象
(3) 事件、响应行为 与事件源完全分离3、阻止事件的默认行为
W3C的标准:e.preventDefault()
IE标准:window.event.returnValue = false;
4、阻止事件的传播
W3C的标准:e.stopPropagation();
IE标准:window.event.cancelBubble = true;
四、js的BOM
1、window对象
(1) 弹框的方法
提示框:alert(确认信息);
确认框:confirm(确认信息);
存在返回值:如果点击确认返回true 点击取消 返回false
输入框:prompt(输入提示信息)
存在返回值:如果输入内容点击确认返回输入的内容 点击取消返回null(2) open()方法
作用就是在js中使用此方法打开新页面 参数是url地址(3) 定时器方法
指定的延时时间后执行一定行为
setTimeout(函数对象,毫秒值)
var timer = setInterval(函数对象,毫秒值)
clearInterval(timer);
2、location对象
location.href=”url路径”;
location.href = “http://www.baidu.com";
需求:实现页面注册成功后的跳转主页
技术:location.href+setInterval
3、history对象
history.back();返回上一页
history.forward():进入下一页
history.go();跳转到哪一页
五、DOM对象
document.getElementById(“id属性值”);
document.getElementsByTagName(“标签名称”);
document.getElementsByName(“name属性值”);
innerHTML:获取某个元素中的html代码