這次帶給大家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中文網其它相關文章!
推薦閱讀:
#以上是js的內建物件有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!