JavaWeb自學筆記 JavaScript常用對象

Window 對象

Window對象即瀏覽器窗口對象,是一個全局對象,是所有對象的頂級對象,在JavaScript中起着舉足輕重的作用。Window對象提供了許多屬性和方法,這些屬性和方法被用來操作瀏覽器頁面的內容。Window對象同Math對象一樣,也不需要使用new關鍵字穿件對象的實例,而是直接使用“對象名.成員”的格式來訪問其屬性或方法。下面將對Window對象的屬性和方法進行介紹。Window對象的常用屬性如下表:
在這裏插入圖片描述
Window對象的常用方法如下表:
在這裏插入圖片描述
由於Window對象使用十分頻繁,又是其他對象的父對象,所以在使用Window對象的屬性和方法時,JavaScript允許省略Window對象的名稱。
例如使用alert方法時有兩種寫法:

window.alert("第一種寫法");
alert("這是第二種寫法");

下面我們對Window對象中的open()方法和close()方法進行詳細介紹。
open()方法:open方法用於打開一個新的瀏覽器窗口,並在該窗口中裝載指定URL地址的網頁。open方法的語法格式如下:

windowVar=window.open(url,windowname[,location]);

windowVar:當前打開窗口的句柄。如果open()方法執行成功,則windowVar的值爲一個Window對象的句柄,否則windowVar的值是一個空值。
url:目標窗口的URL。如果URL是一個空字符串,則瀏覽器將打開一個空白窗口,允許用write()方法創建動態HTML。
windowname:用於指定新窗口的名稱,該名稱可以作爲a標記和form的target屬性的值。如果該參數制定了一個已經存在的窗口,那麼open()方法將不再創建一個新的窗口,而只是返回對指定窗口的引用。
location:對窗口屬性進行設置,其可選參數如下表:
在這裏插入圖片描述
例如,打開一個新的瀏覽器窗口,在該窗口中顯示bbs.htm文件,設置打開窗口的名稱爲bbs,並設置窗口的頂邊距,左邊距,寬度和高度,代碼如下:

window.open("bbs.htm","bbs","width=500,height=400,top=50,left=50");

close()方法:
close方法用於關閉當前窗口。語法格式如下:

window.close()

String對象

String對象是動態對象,需要創建對象實例後才能引用其屬性和方法。但是,由於在JavaScript中可以將用單引號或雙引號括起來的字符串當做一個字符串對象的實例,所以可以直接在某個字符串後面加上點“.”去調用String對象的屬性和方法。下面對String對象的常用屬性和方法進行詳細介紹。

String對象的屬性

String對象最常用的屬性是length,該屬性用於返回String對象的長度。length屬性的語法格式如下:

string.length

返回值是一個只讀的整數,他代表指定字符串中的字符數,每個漢字按一個字符計算例如:

“aaaa字符串”.length;   //返回值爲7
“haha”.length; //返回值爲4

String對象的方法

String對象提供了很多用於對字符串進行操作的方法如下表:
在這裏插入圖片描述
下面對比較常用的方法進行詳盡介紹。

indexOf()方法

indexOf方法用於返回String對象內第一次出現子字符串的字符位置。如果沒有找到指定的子字符串,則返回-1。其語法格式如下:

string.indexOf(subString[,startIndex])

subString:必選項。要在String對象中查找的子字符串。
startIndex:可選項。該整數值指出在String對象內開始查找索引。如果省略,則從字符串的開始處查找。
例如,從一個郵箱地址中查找@所在的位置,可以使用下面的代碼:

var str = "[email protected]";
var index = str.indexOf('@'); //返回的索引值爲7
var index = str.indexOf('@',7); //返回值爲-1

由於在JavaScript中,String對象的索引值是從0開始的,所以此處返回的值爲7,而不是8。
String對象中還有一個lastIndexOf()方法,該方法的語法格式同indexO方法類似,所不同的是,indexOf從字符串的第一個字符開始查找,而lastIndexOf方法從字符串的最後一個字符開始查找。

substr方法

substr方法用於返回指定字符串的一個子串。其語法格式如下:

string.substr(start[,length]);

start:用於指定獲取子字符串的起始下標,如果是一個負數,那麼表示從字符串的尾部開始算起的位置,即-1代表字符串的最後一個字符,-2代表字符串的倒數第二個字符,以此類推。
length:可選項,用於指定子字符串中字符的個數,如果省略該參數,則返回從start開始位置到字符串結尾的子串。
使用substr方法獲取指定字符串的子串,代碼如下:

var word = "one world one dream!";
var subs = word.substr(10,9);  //subs的值爲one dream

substring方法

substring方法用於返回指定字符串的一個子串。其語法格式如下:

string.substring(from[,to]);

from:用於指定要獲取子字符串的第一個字符在string中的位置。
to:可選項,用於指定要獲取子字符串的最後一個字符在string中的位置。
由於substring方法在獲取子字符串時,是從string中的from處到to-1處賦值,所以to的值應該是要獲取子字符串的最後一個字符在string中的位置加1.如果省略該參數,則返回從from開始到字符串結尾處的子串。

replace方法

replace方法用於替換一個與正則表達式匹配的子串。其語法格式如下:

string.replace(regExp,substring);

regExp:一個正則表達式。如果正則表達式中設置了標誌g,那麼該方法將用替換字符串替換檢索到的所有與模式匹配的子串,否則只替換所檢索到的第一個與模式匹配的子串。
substring:用於指定替換文本或生成替換文本的函數。如果substring是一個字符串,那麼每個匹配都將由該字符串替換,但是在substring中的“$”字符具有特殊的意義如下表。
在這裏插入圖片描述

split方法

split方法用於將字符串分割爲字符串數組。其語法格式如下:

string.split(delimiter,limit);

delimiter:字符串或正則表達式,用於指定分隔符。
limit:可選項,用於指定返回數組的最大長度,如果設置了該參數,返回的子串不會多於這個參數指定的數字,否則整個字符串都會被分割,而不考慮其長度。
返回值:一個字符串數組,該數組是通過delimiter指定的邊界將字符串分割成的字符串數組。
在使用split方法分割數組時,返回的數組不包括delimiter自身。

Date的對象

在Web程序開發的過程中,可以使用JavaScript的Date對象來對日期和時間進行操作,例如,如果想在網頁中顯示計時的時鐘,就可以使用Date對象來獲取當前系統的時間並按照指定的格式進行顯示。
Date對象時一個有關日期和時間的對象,它具有動態性,即必須使用new運算符創建一個實例,語法如下:

dateObj = new Date();
dateObj = new Date(dateValue);
dateObj = new Date(year,month,date[,hours[,minutes[.seconds[,ms]]]]);

dateValue:如果是數值,則表示指定日期與1970年1月1日午夜間全球標準時間相差的毫秒數,如果是字符串,則dateValue按照parse方法中的規則進行解析。
year:一個4位數的年份,如果輸入的是0~99之間的值,則給它加上1900.
month:表示月份,值爲0~11之間的整數,即0代表1月份。
date:表示日,值爲1~31之間的整數。
hours:表示小時,值爲0~23之間的整數。
minutes:表示分鐘,值爲0~59之間的整數。
seconds:表示秒鐘,值爲0~59之間的整數。
ms:表示毫秒,值爲0~999之間的整數。
Date對象沒有提供直接訪問的屬性,只具有獲取,設置日期和時間的方法。Date對象的常用方法如下表:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章