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。

当前1/3页 123下一页阅读全文

赞 (0)

相关推荐

  • JavaScript进阶教程(第二课续)第1/2页

    现在你已经掌握了先进的字符串处理和相关数组概念,该是我们打开神奇的cookie魔瓶的时候了．cookie是记录访问你的站点的人的信息,它其实驻留在用户的硬盘上,即使用户已经离开你的站点,cookie在用户的硬盘上仍然存在,如果该用户再次返回你的站点,则该cookie就会被一起发回到你的服务器中,便于你统计和处理重复到访者的信息． 下面我们看一看一个cookie应用的典型例子,我们在一个网页中设置cookie,然后通过别的网页读取它．在使用该例子的时候,想想如果没有cookie,你如何做到这一点．

  • JavaScript中split与join函数的进阶使用技巧

    Javascript拥有两个相当强大而且受开发者喜爱的函数:split 与join 俩对立的函数.这俩函数能让string与array两种类型互换,也就是数组能被序列化为字符串,反之亦然.我们能把这俩函数发挥得淋漓尽致.下面就来探索里面的一些有趣的应用, 首先介绍一下这两个函数: String.prototype.split(separator, limit) separator把字符串分割为数组,可选参数limit定义了生成数组的最大length. "85@@86@@53".spli

  • JavaScript进阶教程(第一课)第1/3页

    欢迎您继续学习Javascript进阶教程.在此之前我们已经学习了Javascript初级教程.在这一阶段的学习中我们将继续学习在上次的教程中还没有来得及谈及的问题.我还将向你们展示Javascript的许多神奇功能,使你能够制作真正对多媒体应用程序.     以下是我们将涉及的内容:     给变量赋值     If-then语句     For和while循环     编写你自己的函数     打开及控制窗口     读写HTML 表单     应用数组     控制图片转换     如果这

  • JavaScript进阶教程(第四课第一部分)

    在以前的课程中,我们学习了对文本和字符串的各种操作,今天我们专注于两种不同的数据类型:图象和对象.学完这一课,你将知道如何: 使用JavaScript来加速图象交换. 创建你自己的对象来使脚本易于理解. 使用关联数组来快速存取脚本中的每一个对象. 使用JavaScript做图象变换的一个主要问题是,它直到需要换图时才去告诉浏览器下载那张图象.如果你有一张大的图象,想在鼠标滑过一副图象时调出来,浏览器得临时下载这张图,这可能会花一定时间从而使滑动效果大打折扣. 如果你的连接速度较慢,而你要调入的是

  • JavaScript进阶练习及简单实例分析

    JavaScript进阶练习及简单实例分析

    当用户点击"统计"按钮时,在窗口中弹出文本框中出现次数最多的字符并显示其出现的次数 点击统计按钮时效果如图所示: 实现代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo

  • JavaScript DOM进阶方法

    DOM自身存在很多类型,在上一章中有介绍,比如Element类型:表示的是元素节点;再比如Text类型;表示的是文本节点; 一 DOM类型 类型名                        说明 Node                 表示所有类型值的统一接口,IE不支持; Document             表示文档类型; Element              表示元素节点类型; Text                 表示文本节点类型; Comment           

  • JavaScript进阶教程(第三课)第1/2页

    事件的定时以及浏览器的识别 随着我们所掌握的JavaScript日渐丰富,我们可以编制出越来越复杂的应用程序.上次的课程中我们学习了如何利用JavaScripts编写Cookies.今天我们将学习如何加入定时功能.给时间定时的能力在浏览器中非常有用,而在动态HTML应用中发挥更大的功用. 你可能会注意到动态HTML可以在页面中移动不同的内容.在JavaScript中将某个物体在屏幕中移动需要用到一个循环(loop),用循环的功能使物体随着时间推移移动.但是你如何告诉JavaScript将某个物体

  • JavaScript进阶教程(第三课第二部分)第1/2页

    要使定时器循环工作你需要写一个函数实现循环调用.这里是一个例子: var the_count = 0;    var the_timeout;    function doTimer()    {        window.document.timer_form.the_text.value = the_count;        the_count += 2;        the_timeout = setTimeout("doTimer();", 2000);    } 这里用

  • JavaScript进阶教程(第二课)第1/3页

    今天我们将学习一项很有用而且很有趣的内容:cookies - 这是用来记录访问过你的网页的人的信息.利用Cookies你能记录访问者的姓名,并且在该访问者再次访问你的站点时向他发出热情的欢迎信息.你还可以利用cookie记忆用户端的特点 - 如果访问者的所接入的网线的速度慢,cookie可以自动告诉你在给其发送网页的时候只发送尽可能少的图片内容. 只要你在合理的范围内使用cookies(不要用它探询用户的个人隐私),cookies还是相当实用得.所以我要向你们介绍cookies的工作原理,但是在

  • JavaScript初级教程(第二课)第1/7页

    上一讲我们学了JavaScript出现在何处,看起来象什么.现在我们开始学习这种语言.本课我们将学习JavaScript如何存储信息,如何根据信息作决定,如何根据用户交互要求交替图片     准备好了吗? 现在开始学习电脑编程基础. 第一讲, 变量.     如果你学过代数,你一定见过变量.如果没学过也不要紧.变量是JavaScript存储信息的简单方式.例如,当你写:"x=2," "x"是一个变量,它存储值为2.如果而后你又说"y=x+3,",

  • javascript asp教程第二课--转义字符

    javascript asp教程第二课--转义字符

    并非是题外话:我们在第二课中要讲到的"转义字符"看起来与我们的课程并没有关系.事实并非如此.转义字符是在 asp中使用javascript的一个完整部分.而第二课要讲的恰恰就是转义字符.没有转义字符,那么你为了 写出有效率的asp脚本将会遇到许多的困难.抱歉,下面进入正题:以下是第二课的asp脚本.还记不记得在第一课的列子中,我们怎样编写了一个html输出都在同一行的代码.转义字符允许我们增加 换行符号.下面是我们上边例子在客户端html输出页面的代码:换行符:我又在下面重新打了一行a

  • JavaScript初级教程(第一课)第1/4页

    交互性!多数网站声称交互性即当你点击一个链接时到达一个新的页面,但严格道来甚至当网页中具有CGI语言时也并不意味它真正具有交互性.填好表格,按提交钮,等待......这就像往海中扔一个瓶子等候它自己飘回来一样. 幸运的是,现在我们有了Javascript, 于是网页可真正如你希望的那样交互作用.当鼠标移动到哪里,图片交换,表格元素在传递过程中即相互影响,无须等待CGI回复结果计算即可进行.没有任何提交 - 等待过程 - 任何事只是在你使用它时发生. Javascript最杰出之处在于你可以用很小

  • VBScript教程 第二课在HTML页面中添加VBscript代码

    VB教程 > 第二课在HTML页面中添加VBscript代码 SCRIPT 元素用于将 VBScript 代码添加到 HTML 页面中. <SCRIPT> 标记 VBScript 代码写在成对的 <SCRIPT> 标记之间.例如,以下代码为一个测试传递日期的过程: <SCRIPT LANGUAGE="VBScript"> <!--Function CanDeliver(Dt)CanDeliver = (CDate(Dt) - Now())

  • JavaScript进阶教程之函数的定义、调用及this指向问题详解

    目录 前言 一:函数的定义 1.1 命名函数 1.2 匿名函数 1.3 利用 new Function() 声明函数 1.4 重要结论 二:函数的调用 2.1 普通函数调用 2.2 立即执行函数调用 2.3 对象内方法调用 2.4 构造函数调用 2.5 事件函数的调用 2.6 定时器函数的调用 三:各类函数的内部this指向问题 总结 前言 这篇文章开始我们函数的进阶篇,和我们JavaScript基础学的函数有了很多拓展,这篇文章首先我们从函数的定义,调用,及其 this指向 来一个总结. 一:

随机推荐