视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
js的内置对象有哪些
2020-11-27 19:59:25 责编:小采
文档


这次给大家带来js的内置对象有哪些,使用js内置对象的注意事项有哪些,下面就是实战案例,一起来看一下。

Js之内置对象和浏览器对象

1、String对象:

String对象用于处理已有的字符串

字符串可以使用双引号或者单引号

1)indexOf()方法:在字符串中查找字符串(又返回位置,没有返回-1)

2)match()方法:内容匹配(有输出字符串,没有返回null)

3)replace()方法:内容替换(两个参数)

4)toUpperCase()/toLowerCase():字符串大小写转换

5)split():字符串转换为数组(常用)

6)属性:length、prototype、constructor

7)方法:charAt()、charCodeAt()、concat()、fromCharCode()、lastIndexOf()、search()、slice()、substring()、substr()、valueOf()

2、Date对象:用于处理日期和时间

1)获得当日的日期:new Date()

2)常用方法:

getFullYear():获得年份
getTime():获取毫秒
setFullYear():设置具体的日期(年月日)
getDay():获取星期

3)时钟实例:

时钟实例

function startTime(){
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
m=checkTime(m);
s=checkTime(s);
document.getElementById("timetxt").innerHTML=h+":"+m+":"+s;
t=setTimeout(function(){
startTime();
},1000);
}
function checkTime(i){
if(i<10){
i="0"+i;
}
return i;
}

3、Array对象:使用单独的变量名来存储一系列的值

常用方法:

1)concat():合并数组

2)sort():排序

升序:sort(function(a,b){
return a-b;})
降序:ort(function(a,b){
return b-a;})

3)push():末尾追加元素

4)reverse():数组元素翻转

4、math()对象:执行常见的算数任务

常用方法:

1)round():四舍五入
2)random():0~1之间的随机数
3)max():返回最高值
4)min():返回最低值
5)abs():返回绝对值
5、浏览器对象

1、window对象

Window对象是BOM的核心,window对象指当前浏览器窗口,所有的javascript全局对象、函数以及变量均自动成为window对象成员

全局变量是window对象的属性

全局函数是window对象的方法

HTML DOM的document也是window对象的属性之一

1)window尺寸(不包括滚动条)

Window.innerHeight-浏览器窗口的内部高度
Window.innerWidth-浏览器窗口的内部宽度

2)window方法

Window.open()-打开新窗口(
Window.close()-关闭当前窗口

2、计时器

1)计时事件:设定时间间隔之后执行的函数

2)计时方法:

setInterval()-间隔指定毫秒数不断地执行指定的代码
clearInterval()-停止setInterval()方法
setTimeout()-暂停指定的毫秒数后执行指定的代码
clearTimeout()-用于停止setTimeout()方法

3、History对象:window.history对象包含浏览器历史的url的集合

history方法:

1)history.back()-与在浏览器点击后退按钮相同
2)history.forward()-与在浏览器中点击按钮向前相同
3)History.go()-进入历史中的某个页面

4、Location对象:window.location对象用于获得当前页面的地址(URL),并且把浏览器重定向到新的页面

Location对象的属性:
location.hostname返回web主机的域名
location.pathname返回当前页面的路径文件名
location.port返回web主机的端口
location.protocol返回所使用的web协议(http:/或https:/)
location.href属性返回当前页面的URL
location.assign()方法加载新的文档

5、Screen对象:

Window.screen对象包含有关用户屏幕的信息

属性:

Screen.availWidth-可用的屏幕宽度
Screen.availHeight-可用的屏幕高度
Screen.Height-屏幕高度
Screen.Width-屏幕宽度

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

使文字动效的JavaScript代码

获取一组元素的最大宽度或高度JavaScript代码

Node.js的Event Loop详解

JavaScript的定时器详解

下载本文
显示全文
专题