JS内置对象
String字符串对象
创建字符串对象
var str=new String(“字符串”);
var str=“字符串”;//str字符串对象
属性
length长度
constructor返回对象的构造函数,所有对象都是此属性
prototype为对象添加属性及方法,所有对象都是此属性
function Student(){
var name=“小谋谋”;//私有变量
this.age=18;//this代表当前对象,对当前对象添加属性this.属性名=值
this.show=function(){
alert(name+“宝宝心里苦啊”);
}
}
var stu1=new Student();
Student.prototype.sex=“男”;
document.write(stu1.sex);
字符串方法
charAt(index)返回index值位置的字符,从0开始
var str=“abcdefg”;
alert(str.charAt(3));//d
indexOf(查找的字符,从什么位置开始查找);
取邮箱的域名
12345654214@qq.com//取qq.com
substr(开始位置[, 截取字符的个数])字符串截取,开始位置为负值从末尾开始截取
var str="abcdg@qq.com";
document.write(str.substr(-2,2))
substring( startIndex [, endIndex])截取两值之间的字符
split()以给定字符进行拆分,将字符串拆分为数组
var str="abc.dg@qq.com";
var arr=str.split(’.’);
document.write(arr[0]+"
"+arr[1])
toUpperCase()将字符串转换为大写
toLowerCase()将字符串转换为小写
localeCompare()中文比较大小,> 返回1 =返回0 <返回-1
concat()连接字符串,一般+连接符
数组对象的属性及方法
length
方法
reverse()将数组元素颠倒位置
concat()连接数组
arr.concat(arr1)
student.join("");将数组放转为字符串
shift ( )删除数组第一个元素
pop()删除数组的最后一个元素
push ( )向数组末尾添加元素
unshift( )向数组前添加元素
对象.方法名()
splice()插入,删除数组元素
.splice(从什么位置开始,删除元素的个数,新元素,新元素……)
var student = [“张三”,“男”,30,“大专”,“北京科技大学”];
student.splice(2,1,“a”,“b”);//从第2个位置开始,删除一个元素“30”,再将a,b插入到当前位置
sort()数组排序,为数字排序,必须给方法添加排序规则
arr.sort(function(a,b){return a-b})升序
arr.sort(function(a,b){return b-a})降序
日期对象
var d=new Date();
getFullYear()获取年
getMonth()获取月,0-11,取当前月+1
getDay()获取星期几,0-6,0星期天
getDate()获取某一天,1-31
getHours()小时
getMinutes()分钟
getSeconds()秒
getMilliseconds()毫秒,1000
定时器
倒计定时器:时间到达时执行函数,只会执行一次
循环定时器:每间隔多少时间执行一次函数,无限次循环执行
window对象下的方法
setTimeout(function,time),time单位是毫秒
setInterver(function,time)
获取元素id名为div1,innerHTML设置内容
var i=0;
function test(){
i++;
document.getElementById(“div1”).innerHTML=i;
}
setInterval(test,1000)
document.getElementById(“div1”).innerHTML=i;
例
setTimeout(function(){
alert(1);
},1000);
调用自定义函数
function test(){
alert(1);
}
setTimeout(test,1000);
</div>
</body>
设置日期
var d=new Date();//当前系统时间
d.setFullYear(2017,6,19);//重新设置时间,年,月,日
document.write(d.getFullYear());
setMonth()
创建日期对象指定日期
var dateName=new Date(“2018/6/19 9:10:00”);
指定时间:年,月,日,其他可选
Math对象
属性
Math.PI
方法
abs(n)绝对值Math.abs(-1)
ceil(n)向上取整Math.ceil(-1.1) //-1
floor(n)向下取整
sqrt(n)算术平方根
pow(m,n)m的n次方
round(n)四舍五入
random()随机数,取值0-1之间的小数,不能取到1
取0-10的随机数
Math.round(Math.random()*10)
max(x,y)最大值
min(x,y)最小值
sin()正弦
DOM文档对象模型(document object model)
访问元素,添加,删除元素
DOM树
html
head body
title div p
节点:DOM树结构由节点组成,把标签可以看作为一个节点
访问节点
通过ID获取节点
getElementById(id名)
var div1=document.getElementById(“div1”);//获取id为div1的元素
alert(div1.innerHTML);//innerHTML获取或设置元素的内容
通过标签名获取元素节点,返回数组
getElementsByTagName(标签名)
var div=document.getElementsByTagName(“div”);//获取网页中的所有DIV
//alert(div[1].innerHTML)
alert(document.getElementsByTagName(“div”)[0].innerHTML)
通过名称(name)获取元素,通常用于form中,返回数组
getElementsByName()
var uname=document.getElementsByName(“userName”);
alert(uname[0].tagName)