今天我們將學(xué)習(xí)一項(xiàng)很有用而且很有趣的內(nèi)容：cookies - 這是用來記錄訪問過你的網(wǎng)頁的人的信息。利用Cookies你能記錄訪問者的姓名，并且在該訪問者再次訪問你的站點(diǎn)時(shí)向他發(fā)出熱情的歡迎信息。你還可以利用cookie記憶用戶端的特點(diǎn) - 如果訪問者的所接入的網(wǎng)線的速度慢，cookie可以自動(dòng)告訴你在給其發(fā)送網(wǎng)頁的時(shí)候只發(fā)送盡可能少的圖片內(nèi)容。

    只要你在合理的范圍內(nèi)使用cookies(不要用它探詢用戶的個(gè)人隱私)，cookies還是相當(dāng)實(shí)用得。所以我要向你們介紹cookies的工作原理，但是在正式開始之前，我們先談兩個(gè)JavaScript內(nèi)容：有趣的字符串處理以及相關(guān)數(shù)組。

    為什么必須在開始cookies世界漫游之前必須先學(xué)習(xí)神奇的字符串處理呢？因?yàn)閏ookies也是字符串。要保存訪問者的信息，你必須首先建立一個(gè)特殊的cookie字符串。然后在訪問者又返回你的站點(diǎn)時(shí)讀取該信息，而此時(shí)你必須對(duì)該cookie字符串進(jìn)行解碼。要生成和解釋這些字符串你必須了解JavaScript的字符串工作原理。所以我們必須先要了解字符串。如果你是一個(gè)新手，你應(yīng)該先閱讀一下javascript初級(jí)教程第二課的內(nèi)容，以下是一個(gè)例子：

    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();

    和下面對(duì)聲明是等同的： 

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

    第1個(gè)版本的聲明看起來要簡(jiǎn)明得多。這里用到了字符串對(duì)象中的bold對(duì)象，其他的字符串對(duì)象還有indexOf, charAt, substring, 以及split, 這些方法可以深入字符串的組成結(jié)構(gòu)。首先我們研究一下indexOf。

    indexOf
    indexOf用于發(fā)現(xiàn)一系列的字符在一個(gè)字符串中的位置并告訴你子字符串的起始位置。如果一個(gè)字符串中不包含該子字符串則indexOf返回"-1." 這里是一個(gè)例子：

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

    var location_of_m = the_word.indexOf("m"); 
    location_of_m(字母m的位置)將為0，因?yàn)樽帜竚位于該字符串的起始位置。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因?yàn)樽幼址発ey”以字母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，因?yàn)樵趩卧~“monkey”中沒有字母q。

    indexOf更實(shí)用之處:

    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方法用于發(fā)現(xiàn)一個(gè)字符串中某個(gè)特定位置的字符。這里是一個(gè)例子：


    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個(gè)字符)是"m"
    the_second_letter(第2個(gè)字符)是"o"
    the_last_letter(最后一個(gè)字符)是 "y"

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

最新評(píng)論