Javascript教學
JavaScript語法
在瀏覽器中啓用JavaScript
在HTML文件放置JavaScript
JavaScript變量和數據類型
JavaScript運算符
JavaScript if...else語句
JavaScript Switch Case
JavaScript while循環
JavaScript for循環
JavaScript for...in 循環
JavaScript循環控制
JavaScript函數
JavaScript嵌套函數
JavaScript Function() 構造
JavaScript函數字面值
JavaScript事件
JavaScript Cookies
JavaScript頁面重定向
JavaScript頁面刷新
JavaScript對話框
JavaScript void關鍵詞
Javascript頁面打印
JavaScript對象
Javascript Number對象
Javascript Number.MAX_VALUE
Javascript Number.MIN_VALUE
Javascript Number.NaN
Javascript Number.NEGATIVE_INFINITY
Javascript Number.POSITIVE_INFINITY
Javascript Object.prototype
Javascript Boolean對象
JavaScript Boolean.constructor()方法
Javascript Boolean.toSource()方法
Javascript Boolean.toString()方法
Javascript Boolean.valueOf()方法
Javascript String對象
Javascript String.constructor屬性
Javascript String.length屬性
Javascript String.charAt()方法
Javascript String.charCodeAt()方法
Javascript String.concat()方法
Javascript String.lastIndexOf()方法
Javascript String.localeCompare()方法
Javascript String.match()方法
Javascript String.replace()方法
Javascript String.search()方法
Javascript String.slice()方法
Javascript String.substr()方法
Javascript String.substring()方法
Javascript String.toLocaleLowerCase()方法
Javascript String.toLocaleUpperCase()方法
Javascript String.toLowerCase()方法
Javascript String.toString()方法
Javascript String.toUpperCase()方法
Javascript String.valueOf()方法
Javascript String.anchor()方法
Javascript String.big()方法
Javascript String.blink()方法
Javascript String.bold()方法
Javascript String.fixed()方法
Javascript String.fontcolor()方法
Javascript String.fontsize()方法
Javascript String.italics()方法
Javascript String.link()方法
Javascript String.small()方法
Javascript String.strike()方法
Javascript String.sub()方法
Javascript String.sup()方法
Javascript Arrays對象
Javascript Array.constructor屬性
Javascript Array.length屬性
Javascript Array.concat()方法
Javascript Array.every()方法
Javascript Array.filter()方法
JavaScript Array.forEach()方法
Javascript Array.indexOf()方法
Javascript Array.join()方法
Javascript Array.lastIndexOf()方法
Javascript Array.map()方法
Javascript Array.pop()方法
Javascript Array.push()方法
Javascript Array.reduce()方法
Javascript Array.reduceRight()方法
Javascript Array.reverse()方法
Javascript Array.shift()方法
Javascript Array.slice()方法
Javascript Array.some()方法
Javascript Array.toSource()方法
Javascript Array.sort()方法
Javascript Array.splice()方法
Javascript Array.toString()方法
Javascript Array.unshift()方法
JavaScript Date對象
Javascript Date.constructor屬性
Javascript Date()函數
Javascript Date.getDate()方法
Javascript Date.getDay()方法
Javascript Date.getFullYear()方法
Javascript Date.getHours()方法
Javascript Date.getMilliseconds()方法
Javascript Date.getMinutes()方法
Javascript Date.getMonth()方法
Javascript Date.getSeconds()方法
Javascript Date.getTime()方法
Javascript Date.getTimezoneOffset()方法
Javascript Date.getUTCDate()方法
Javascript Date.getUTCDay()方法
Javascript Date.getUTCFullYear()方法
Javascript Date.getUTCHours()方法
Javascript Date.getUTCMinutes()方法
Javascript Date.getUTCMonth()方法
Javascript Date.getUTCSeconds()方法
Javascript Date.getYear()方法
Javascript Date.setDate()方法
Javascript Date.setFullYear()方法
Javascript Date.setHours()方法
Javascript Date.setMilliseconds()方法
Javascript Date.getUTCMilliseconds()方法
Javascript Date.setMinutes()方法
Javascript Date.setMonth()方法
Javascript Date.setSeconds()方法
Javascript Date.setTime()方法
Javascript Date.setUTCDate()方法
Javascript Date.setUTCFullYear()方法
Javascript Date.setUTCHours()方法
Javascript Date setUTCMilliseconds()方法
Javascript Date.setUTCMinutes()方法
Javascript Date.setUTCSeconds()方法
Javascript Date.setYear()方法
Javascript Date.toDateString()方法
Javascript Date.toLocaleDateString()方法
Javascript Date.toSource()方法
Javascript Date.toString()方法
Javascript Date.toTimeString()方法
Javascript Date.toUTCString()方法
Javascript Date.valueOf()方法
Javascript Date.parse()方法
Javascript Date.UTC()方法
Javascript Math對象
Javascript Math.E屬性
Javascript Math.LN2屬性
Javascript Math.LN10屬性
Javascript Math.LOG2E,屬性
Javascript Math.LOG10E屬性
Javascript Math.PI屬性
Javascript Math.SQRT1_2屬性
Javascript Math.SQRT2屬性
Javascript Math.abs()方法
Javascript Math.acos()方法
Javascript Math.asin()方法
Javascript Math.atan()方法
Javascript Math.atan2()方法
Javascript Math.ceil()方法
Javascript Math.cos()方法
Javascript Math.exp()方法
Javascript Math.floor()方法
Javascript Math.log()方法
Javascript Math.max()方法
Javascript Math.min()方法
Javascript Math.pow()方法
Javascript Math.random()方法
Javascript Math.round()方法
Javascript Math.sin()方法
Javascript Math.sqrt()方法
Javascript Math.tan()方法
Javascript Math.toSource()方法
正則表達式和RegExp對象
Javascript RegExp.constructor屬性
Javascript RegExp.global屬性
Javascript RegExp.ignoreCase屬性
Javascript RegExp.lastIndex屬性
Javascript RegExp.multiline屬性
Javascript RegExp.source屬性
Javascript RegExp.exec()方法
Javascript RegExp.test()方法
Javascript RegExp.toSource()方法
Javascript RegExp.toString()方法
JavaScript文檔對象模型或DOM
JavaScript傳統DOM
JavaScript W3C DOM
JavaScript IE4 DOM
JavaScript錯誤和異常處理
JavaScript表單驗證
JavaScript動畫
Javascript多媒體

JavaScript對象

JavaScript是一種面向對象編程(OOP)語言。一種編程語言可以被稱爲面向對象的,它爲開發者提供了四種基本功能:

  • 封裝 - 存儲相關的信息,無論是數據或方法,還是對象

  • 聚合 -  存儲一個對象到另一個對象的內部

  • 繼承 - 類的能力依賴於另一個類(或類數),用於其部分的屬性和方法

  • 多態性 - 編寫函數或者方法,在各種不同的方式工作

對象是由屬性。如果屬性包含一個函數,它被認爲是一個對象的方法,否則,該屬性被認爲是一個屬性。

對象屬性:

對象的屬性可以是任何三種基本數據類型的,或者任何抽象數據類型,如另一個對象。對象屬性通常是內部使用的對象的方法的變量,但也可以是用於整個頁面全局可見的變量。

用於添加屬性的目的語法是:

objectName.objectProperty = propertyValue;

示例 :

下面是一個簡單的例子來說明如何利用「稱號」的文件對象的屬性來獲取文檔標題:

var str = document.title;

對象的方法:

方法是讓對象做某件事。一個函數和一個方法,所不同的是一個 function語句的一個獨立的單元和方法被附加到對象,並可以通過這個關鍵字被引用之間的差別不大。

方法可用於一切從顯示對象的屏幕上的內容,以對一組本地的屬性和參數執行復雜的數學運算是有用的。

例子:

下面是一個簡單的例子來說明如何使用write()文檔對象的方法寫在文檔中的任何內容:

document.write("This is test");

用戶定義的對象:

所有用戶定義的對象和內置對象被稱爲對象的對象的後代。

new 操作符:

new運算符用於創建對象的實例。要創建一個對象,new運算符後面是構造方法。

在下面的例子中,構造方法Object(), Array(), 和 Date().。這些構造函數是內置的 JavaScript 函數。

var employee = new Object();
var books = new Array("C++", "Perl", "Java");
var day = new Date("August 15, 1947");

Object() 構造函數:

構造函數是用來創建和初始化對象的函數。 JavaScript提供了一個特殊的構造函數調用Object()來構建的對象。Object()構造的返回值被分配給一個變量。

變量包含一個引用到新的對象。分配給該對象的屬性是不變量,並且不使用var關鍵字來定義。

示例 1:

這個例子演示瞭如何創建一個對象:

User-defined objects

示例 2:

這個例子演示如何創建一個對象,一個用戶定義的函數。此處this關鍵字用於指已傳遞給函數的對象:

User-defined objects

定義方法的對象:

前面的示例演示瞭如何構造函數創建對象並分配屬性。但是,我們需要通過分配方法,以它來完成一個對象的定義。

例子:

下面是一個簡單的例子來說明如何與一個對象添加一個函數:

User-defined objects

with 關鍵字:

with關鍵字作爲一種速記的引用對象的屬性或方法。

指定爲參數的對象就成爲接下來的塊的持續時間的默認對象。爲對象的屬性和方法可以在不命名的對象。

語法

with (object){
properties used without the object name and dot
}

例子:

User-defined objects

JavaScript原生對象:

JavaScript有幾個內置的或本地對象。這些對象是在你的程序訪問的任何地方,將以同樣的方式工作在任何操作系統上運行的任何瀏覽器。

這裏是所有重要的JavaScript本地對象的列表:

  • JavaScript Number 對象

  • JavaScript Boolean對象

  • JavaScript String對象

  • JavaScript Array對象

  • JavaScript Date對象

  • JavaScript Math對象

  • JavaScript RegExp對象