登录  /  注册
首页 > web前端 > js教程 > 正文

js的内置对象有哪些

php中世界最好的语言
发布: 2018-03-16 17:05:06
原创
5260人浏览过

这次给大家带来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-屏幕宽度
登录后复制

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

推荐阅读:

使文字动效的JavaScript代码

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

Node.js的Event Loop详解

JavaScript的定时器详解

以上就是js的内置对象有哪些的详细内容,更多请关注php中文网其它相关文章!

相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网,和优秀的人一起学习!
全站2000+教程免费学