首頁 > web前端 > js教程 > js的內建物件有哪些

js的內建物件有哪些

php中世界最好的语言
發布: 2018-03-16 17:05:06
原創
5804 人瀏覽過

這次帶給大家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.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板