页面导航: 首页网络编程JavaScript基础知识 → 正文内容

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

发布:dxy 字体:[增加 减小] 类型:转载

子字符串(substring)和charAt有些象,不同之处在于它能够从一个单词中抓取整个的子字符串,而不只是字母,这里是其格式:
    var the_substring = the_string.substring(from, to);
    "From"指的是子字符串中第1个字母的位置,"to"有点奇特,它是该子字符串中比最后一个位置大1的位置.使用这种神奇的方法你可以标记子字符串的起始和结束位置,用"to"的位置减去"from"的位置就会得出该子字符串的长度:
    var the_string = "monkey";
    var clergy = the_string.substring(0,4);
    var tool = the_string.substring(3,6);
    运行该段代码后变量clergy的值为"monk"; 变量tool的值为"key"。
    子字符串常和indexOf一起使用,将字符串分成若干块.例如,你可以从一个给定的URL中抽取出其域名:
    var the_url = prompt("What's the URL?","");
    var lead_slashes = the_url.indexOf("//");
    var domain_start = lead_slashes + 2;
    var without_resource = the_url.substring(domain_start, the_url.length);
    var next_slash = without_resource.indexOf("/");
    var domain = without_resource.substring(0, next_slash);
    这段代码的意思是:如果你输入"http://www.jsfan.org/course/senior",则域名就是"www.jsfan.org" .如果这个方法对你来说有些麻
烦,我将向你介绍如何使用split方法简化其执行过程.但是首先我们作一些分析.
    基本的技巧是将第1个斜杠和第2个斜杠之间的内容分离出来:
    var the_url = prompt("What's the URL?",""); 
    这行代码向用户询问一个URL.假设用户输入了
    "http://www.jsfan.org/course/senior"
    var lead_slashes = the_url.indexOf("//"); 
    这行代码确定第一个双斜杠的位置.在本例中lead_slashes的值是5,因为双斜杠的位置从5开始.
    你可能会想,通常的URL都是以http://开始,所以双斜杠的位置肯定是在5开始,为什么还要加入indexOf这一段多余的代码呢?但是问题的关键在于你不知道用户在填入URL时是否一定填入http:,他们也许会不小心多键入了一个空格,也许他们所键入的URL在一个加密服务器上,其URL是"https://www.whatever.com/" .在编程你必须预料到种种可能发生的问题.所以我们必须用indexOf方法确定双斜杠的确切的起始位置.
    var domain_start = lead_slashes + 2; 
    这行代码用于计算该域名的第1个字母的起始位置.由于这里有一个双斜杠,所以域名第1个字母的起始位置应该在双斜杠所在位置加2的位置.
    var without_resource = the_url.substring(domain_start, the_string.length); 
    这段代码将域名起始位置往后的所有字符都提取出来.所以执行完这行代码后without_resource是"www.jsfan.org/course/senior" 
    var next_slash = without_resource.indexOf("/"); 
    这行代码计算出该字符串中下一个斜杠的位置,而从该字符串起始位置到这个斜杠之间的内容就是域名.在本例中下一个斜杠的位置是13。
    var domain = without_resource.substring(0, next_slash); 
    最后一步是提取出该字符串起始位置到下一个斜杠之间的所有内容.在本例中使得域名等同于"www.jsfan.org"。
    这样做确实很麻烦,利用split方法则可以使该过程容易很多.
    你可以使用split方法用限位器来分割一系列的名称,然后将其放在一个数组中.例如:
    var my_friends = "trixie,moxie,sven,guido,hermes";
    var friend_array = my_friends.split(",");
    for(loop=0;loop<friend_array.length;loop++)
    {
        document.writeln(friend_array[loop] + " is my friend.<br>");
    }
    这段代码将字符串my_friends分割成包含5个元素的数组.JavaScript可以为你自动建立一个数组,所以你无需使用new Array().
    将字符串分割成数组之后,我们使用了循环语句写出每一个名称.我们可以利用split方法简化前面所讲到的域名提取:
    var the_url = prompt("What's the URL?","");
    var first_split = the_url.split("//");
    var without_resource = first_split[1];
    var second_split = without_resource.split("/");
    var domain = second_split[0];
    这段代码简化了很多而且也更容易理解.我们来分析一些这段代码:
    var the_url = prompt("What's the URL?",""); 
    提示用户输入一个URL,假设用户输入"http://www.jsfan.org/course/senior" .
    var first_split = the_url.split("//"); 
    将用户输入的字符串分割成两块:first_split[0]是"http:",first_split[1]是"www.jsfan.org/course/senior"
    var without_resource = first_split[1]; 
    提取出数组中的第2个元素,所以现在without_resource是"www.jsfan.org/course/senior"
    var second_split = without_resource.split("/"); 
    将without_resource分割成3块:www.jsfan.org, course和senior.现在你可以看到split的用途了吧?
    var domain = second_split[0]; 
    现在我们提取出新数组中的第1个元素就可得出域名.
    接下来我们将学习相关数组的概念,然后我们就正式开始学习神奇的cookie.
当前2/3页 上一页123下一页
浏览次数:载入中... 打印本文关闭本文返回首页
·在百度中搜索关于“JavaScript进阶教程(第二课)”相关内容
·在谷歌中搜索关于“JavaScript进阶教程(第二课)”相关内容

文章评论

共有 位脚本之家网友发表了评论我来说两句

同 类 文 章
最 近 更 新
热 点 排 行