Maison interface Web js tutoriel JavaScript进阶教程(第二课)第1/3页_基础知识

JavaScript进阶教程(第二课)第1/3页_基础知识

May 16, 2016 pm 07:15 PM

今天我们将学习一项很有用而且很有趣的内容:cookies - 这是用来记录访问过你的网页的人的信息。利用Cookies你能记录访问者的姓名,并且在该访问者再次访问你的站点时向他发出热情的欢迎信息。你还可以利用cookie记忆用户端的特点 - 如果访问者的所接入的网线的速度慢,cookie可以自动告诉你在给其发送网页的时候只发送尽可能少的图片内容。

    只要你在合理的范围内使用cookies(不要用它探询用户的个人隐私),cookies还是相当实用得。所以我要向你们介绍cookies的工作原理,但是在正式开始之前,我们先谈两个JavaScript内容:有趣的字符串处理以及相关数组。

    为什么必须在开始cookies世界漫游之前必须先学习神奇的字符串处理呢?因为cookies也是字符串。要保存访问者的信息,你必须首先建立一个特殊的cookie字符串。然后在访问者又返回你的站点时读取该信息,而此时你必须对该cookie字符串进行解码。要生成和解释这些字符串你必须了解JavaScript的字符串工作原理。所以我们必须先要了解字符串。如果你是一个新手,你应该先阅读一下javascript初级教程第二课的内容,以下是一个例子:

    var normal_monkey = "I am a monkey!
";
    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 = "" + normal_monkey + "";

    第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。


Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Remplacer les caractères de chaîne en javascript Remplacer les caractères de chaîne en javascript Mar 11, 2025 am 12:07 AM

Remplacer les caractères de chaîne en javascript

Tutoriel de configuration de l'API de recherche Google personnalisé Tutoriel de configuration de l'API de recherche Google personnalisé Mar 04, 2025 am 01:06 AM

Tutoriel de configuration de l'API de recherche Google personnalisé

Exemple Couleurs Fichier JSON Exemple Couleurs Fichier JSON Mar 03, 2025 am 12:35 AM

Exemple Couleurs Fichier JSON

8 Superbes plugins de mise en page JQuery Page 8 Superbes plugins de mise en page JQuery Page Mar 06, 2025 am 12:48 AM

8 Superbes plugins de mise en page JQuery Page

Créez vos propres applications Web Ajax Créez vos propres applications Web Ajax Mar 09, 2025 am 12:11 AM

Créez vos propres applications Web Ajax

Qu'est-ce que & # x27; ceci & # x27; en javascript? Qu'est-ce que & # x27; ceci & # x27; en javascript? Mar 04, 2025 am 01:15 AM

Qu'est-ce que & # x27; ceci & # x27; en javascript?

Améliorez vos connaissances jQuery avec le spectateur source Améliorez vos connaissances jQuery avec le spectateur source Mar 05, 2025 am 12:54 AM

Améliorez vos connaissances jQuery avec le spectateur source

10 feuilles de triche mobiles pour le développement mobile 10 feuilles de triche mobiles pour le développement mobile Mar 05, 2025 am 12:43 AM

10 feuilles de triche mobiles pour le développement mobile

See all articles