JavaScript進階教程(第二課)第1/3頁

今天我們將學習一項很有用而且很有趣的內容：cookies - 這是用來記錄訪問過你的網頁的人的資訊。利用Cookies你能記錄訪問者的姓名，並且在該訪問者再次訪問你的網站時向他發出熱情的歡迎資訊。你還可以利用cookie記憶使用者端的特點 - 如果訪問者的所接入的網線的速度慢，cookie可以自動告訴你在給其發送網頁的時候只發送儘可能少的圖片內容。

只要你在合理的範圍內使用cookies(不要用它探詢使用者的個人隱私)，cookies還是相當實用得。所以我要向你們介紹cookies的工作原理，但是在正式開始之前，我們先談兩個JavaScript內容：有趣的字串處理以及相關數組。

為什麼必須在開始cookies世界漫遊之前必須先學習神奇的字串處理呢？因為cookies也是字串。要儲存訪問者的資訊，你必須首先建立一個特殊的cookie字串。然後在訪問者又返回你的網站時讀取該資訊，而此時你必須對該cookie字串進行解碼。要產生和解釋這些字串你必須瞭解JavaScript的字串工作原理。所以我們必須先要瞭解字串。如果你是一個新手，你應該先閱讀一下javascript初級教程第二課的內容，以下是一個例子：

var normal_monkey = "I am a monkey!<br>";
document.writeln("Normal monkey " + normal_monkey);
var bold_monkey = normal_monkey.bold();
document.writeln("Bold monkey " + bold_monkey);

這裡的聲明：

var bold_monkey = normal_monkey.bold();

和下面對聲明是等同的：

var bold_monkey = "<b>" + normal_monkey + "</b>";

第1個版本的聲明看起來要簡明得多。這裡用到了字串對象中的bold對象，其他的字串對象還有indexOf, charAt, substring, 以及split, 這些方法可以深入字串的組成結構。首先我們研究一下indexOf。

indexOf
indexOf用於發現一系列的字元在一個字串中的位置並告訴你子字串的起始位置。如果一個字串中不包含該子字串則indexOf返回"-1." 這裡是一個例子：

var the_word = "monkey";
讓我們從單詞 "monkey"開始。

var location_of_m = the_word.indexOf("m");
location_of_m(字母m的位置)將為0，因為字母m位於該字串的起始位置。var location_of_o = the_word.indexOf("o"); location_of_o(字母o的位置)將為1。

var location_of_key = the_word.indexOf("key");
location_of_key(key的位置)將為3因為子字串“key”以字母k開始，而k在單詞monkey中的位置是3。

var location_of_y = the_word.indexOf("y");
location_of_y)字母y的位置)是5。

var cheeky = the_word.indexOf("q");
cheeky值是-1，因為在單詞“monkey”中沒有字母q。

indexOf更實用之處:

var the_email = prompt("What's your email address?", "");
var the_at_is_at = the_email.indexOf("@");

if (the_at_is_at == -1)
{
alert("You loser, email addresses must have @ signs in them.");
}

這段代碼詢問使用者的電子郵件地址，如果使用者輸入的電子郵件地址中不包含字元 則 提示使用者＂＠你輸入的電子郵件地址無效，電子郵件的地址必須包含字元@。＂

charAt
chatAt方法用於發現一個字串中某個特定位置的字元。這裡是一個例子：

var the_word = "monkey";

var the_first_letter = the_word.charAt(0);
var the_second_letter = the_word.charAt(1);
var the_last_letter = the_word.charAt(the_word.length-1);

the_first_letter(第1個字元)是"m"
the_second_letter(第2個字元)是"o"
the_last_letter(最後一個字元)是 "y"

注意利用字串的length(長度)屬性你可以發現在包含多少個字元。在本例中，the_word是"monkey"，所以the_word.length是6。不要忘記在一個字串中第1個字元的位置是0，所以最後一個字元的位置就是length-1。所以在最後一行中用了the_word.length-1。