这次给大家带来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(i3、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属性返回当前页面的URLlocation.assign()方法加载新的文档登录后复制
5、Screen对象:
Window.screen对象包含有关用户屏幕的信息登录后复制
属性:
Screen.availWidth-可用的屏幕宽度Screen.availHeight-可用的屏幕高度Screen.Height-屏幕高度Screen.Width-屏幕宽度登录后复制
相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!
推荐阅读:
使文字动效的JavaScript代码
获取一组元素的最大宽度或高度JavaScript代码
Node.js的Event Loop详解
JavaScript的定时器详解
以上就是js的内置对象有哪些的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2781737.html