首頁 web前端 js教程 javascript物件有哪些

javascript物件有哪些

Mar 31, 2021 pm 05:41 PM

javascript物件有:String、Number、Boolean、Array、Date、RegExp、Math、Error、Object、Function、Global、Window、使用者自訂物件。

javascript物件有哪些

本教學操作環境:windows7系統、ECMAScript 5版、Dell G3電腦。

1、JavaScript內建對象:

指JavaScript語言本身預先定義的對象,在ECMAScript標準定義,由所有的瀏覽器廠商來提供具體實現,由於標準的統一,故這些物件的瀏覽器相容性問題不太大

String、Number、Boolean、Array、Date、RegExp、Math、Error、Object、Function、Global

#2、JavaScript Window - 瀏覽器物件:

瀏覽器物件模型(Browser Object Model (BOM))允許JavaScript 與瀏覽器對話。

不存在瀏覽器物件模型(BOM)的官方標準。現代的瀏覽器已經(幾乎)實現了 JavaScript 互動相同的方法和屬性,因此它經常被提及為 BOM 的方法和屬性。

由於現代瀏覽器已經(幾乎)實作了 JavaScript 互動性方面的相同方法和屬性,因此常被認為是 BOM 的方法和屬性。 【推薦學習:js基礎教學

Window 物件:

所有瀏覽器都支援 window 物件。它表示瀏覽器視窗。

1)、window 物件是最頂層的物件;

2)、window 物件有6大屬性,包括:document、frames、history、location、navigator、screen,這6大屬性本身也是對象;

3)、window 對像下的document 屬性也是對象,document 下方也有5個屬性(anchors、forms、images、links、location)也是對象。

Window 物件屬性:

返回視窗是否已關閉。 設定或傳回視窗狀態列中的預設文字。 對 Document 物件的唯讀參考。 對 History 物件的唯讀參考。 傳回視窗的文件顯示區的高度。 傳回視窗的文件顯示區的寬度。 設定或傳回視窗中的框架數量。 用於視窗或框架的 Location 物件。 設定或傳回視窗的名稱。 對 Navigator 物件的唯讀參考。 傳回對建立此視窗的視窗的參考。 傳回視窗的外部高度。 設定或傳回目前頁面相對於視窗顯示區左上角的 X 位置。 設定或傳回目前頁面相對於視窗顯示區左上角的 Y 位置。 傳回父視窗。 對 Screen 物件的唯讀參考。 傳回目前視窗的參考。等價於 Window 屬性。 設定視窗狀態列的文字。 傳回最頂層的先輩視窗。 window 屬性等價於 self 屬性,它包含了對視窗本身的參考。
屬性 #描述
closed
defaultStatus
document
history
innerheight
innerwidth
length
location
name
Navigator
opener
outerheight
pageXOffset
pageYOffset
parent
Screen
self
status
top
window
######screenLeft/screenTop/screenX/screenY######只讀整數。聲明了視窗的左上角在螢幕上的 x 座標和 y 座標。 IE、Safari 和 Opera 支援 screenLeft 和 screenTop,而 Firefox 和 Safari 支援 screenX 和 screenY。 ############

Window 物件方法

方法 描述
alert() 顯示帶有一段訊息和一個確認按鈕的警告框。
blur() 把鍵盤焦點從頂層視窗移開。
clearInterval() 取消由 setInterval() 設定的 timeout。
clearTimeout() 取消由 setTimeout() 方法設定的 timeout。
close() 關閉瀏覽器視窗。
confirm() 顯示帶有一段訊息以及確認按鈕和取消按鈕的對話方塊。
createPopup() 建立一個 pop-up 視窗。
focus() 把鍵盤焦點給予一個視窗。
moveBy() 可相對視窗的目前座標把它移動指定的像素。
moveTo() 把視窗的左上角移到一個指定的座標。
open() 開啟一個新的瀏覽器視窗或尋找一個已命名的視窗。
print() 列印目前視窗的內容。
prompt() 顯示可提示使用者輸入的對話方塊。
resizeBy() #依照指定的像素調整視窗的大小。
resizeTo() 把視窗的大小調整到指定的寬度和高度。
scrollBy() 依照指定的像素值來捲動內容。
scrollTo() 把內容捲動到指定的座標。
setInterval() 依照指定的週期(以毫秒計)來呼叫函數或計算表達式。
setTimeout() 在指定的毫秒數後呼叫函數或計算表達式。

3、JavaScript自訂物件:

透過JavaScript,您就能夠定義並建立自己的物件。

建立新物件有兩種不同的方法:

定義並建立物件的實例

使用函數來定義對象,然後建立新的物件實例

#建立一個自訂物件:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中文网/title>
</head>
<body>
<script>
var person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue"; 
document.write(person.firstname + " is " + person.age + " years old.");
</script>
</body>
</html>
登入後複製

更多程式相關知識,請造訪:程式設計影片! !

以上是javascript物件有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何創建和發布自己的JavaScript庫? 如何創建和發布自己的JavaScript庫? Mar 18, 2025 pm 03:12 PM

文章討論了創建,發布和維護JavaScript庫,專注於計劃,開發,測試,文檔和促銷策略。

如何在瀏覽器中優化JavaScript代碼以進行性能? 如何在瀏覽器中優化JavaScript代碼以進行性能? Mar 18, 2025 pm 03:14 PM

本文討論了在瀏覽器中優化JavaScript性能的策略,重點是減少執行時間並最大程度地減少對頁面負載速度的影響。

前端熱敏紙小票打印遇到亂碼問題怎麼辦? 前端熱敏紙小票打印遇到亂碼問題怎麼辦? Apr 04, 2025 pm 02:42 PM

前端熱敏紙小票打印的常見問題與解決方案在前端開發中,小票打印是一個常見的需求。然而,很多開發者在實...

如何使用瀏覽器開發人員工具有效調試JavaScript代碼? 如何使用瀏覽器開發人員工具有效調試JavaScript代碼? Mar 18, 2025 pm 03:16 PM

本文討論了使用瀏覽器開發人員工具的有效JavaScript調試,專注於設置斷點,使用控制台和分析性能。

如何使用源地圖調試縮小JavaScript代碼? 如何使用源地圖調試縮小JavaScript代碼? Mar 18, 2025 pm 03:17 PM

本文說明瞭如何使用源地圖通過將其映射回原始代碼來調試JAVASCRIPT。它討論了啟用源地圖,設置斷點以及使用Chrome DevTools和WebPack之類的工具。

誰得到更多的Python或JavaScript? 誰得到更多的Python或JavaScript? Apr 04, 2025 am 12:09 AM

Python和JavaScript開發者的薪資沒有絕對的高低,具體取決於技能和行業需求。 1.Python在數據科學和機器學習領域可能薪資更高。 2.JavaScript在前端和全棧開發中需求大,薪資也可觀。 3.影響因素包括經驗、地理位置、公司規模和特定技能。

開始使用Chart.js:PIE,DONUT和BUBBLE圖表 開始使用Chart.js:PIE,DONUT和BUBBLE圖表 Mar 15, 2025 am 09:19 AM

本教程將介紹如何使用 Chart.js 創建餅圖、環形圖和氣泡圖。此前,我們已學習了 Chart.js 的四種圖表類型:折線圖和條形圖(教程二),以及雷達圖和極地區域圖(教程三)。 創建餅圖和環形圖 餅圖和環形圖非常適合展示某個整體被劃分為不同部分的比例。例如,可以使用餅圖展示野生動物園中雄獅、雌獅和幼獅的百分比,或不同候選人在選舉中獲得的投票百分比。 餅圖僅適用於比較單個參數或數據集。需要注意的是,餅圖無法繪製值為零的實體,因為餅圖中扇形的角度取決於數據點的數值大小。這意味著任何占比為零的實體

初學者的打字稿,第2部分:基本數據類型 初學者的打字稿,第2部分:基本數據類型 Mar 19, 2025 am 09:10 AM

掌握了入門級TypeScript教程後,您應該能夠在支持TypeScript的IDE中編寫自己的代碼,並將其編譯成JavaScript。本教程將深入探討TypeScript中各種數據類型。 JavaScript擁有七種數據類型:Null、Undefined、Boolean、Number、String、Symbol(ES6引入)和Object。 TypeScript在此基礎上定義了更多類型,本教程將詳細介紹所有這些類型。 Null數據類型 與JavaScript一樣,TypeScript中的null

See all articles