[译]Javascript substring实例

本文翻译youtube上的up主kudvenkat的javascript tutorial播放单

源地址在此:

https://www.youtube.com/watch?v=PMsVM7rjupU&list=PL6n9fhu94yhUA99nOsJkKXBqokT3MBK0b

本次视频我们将讨论一个简单的实时例子,例子中我们会用到indexOf(),lastIndexOf()以及substring()方法

在网页的head部分,加入如下的script部分

    function getEmailandDomainParts() {
        var emailAddress = document.getElementById("txtEmailAddress").value;

        var emailPart = emailAddress.substring(0, emailAddress.indexOf("@"));
        var domainPart = emailAddress.substring(emailAddress.indexOf("@") + 1);

        document.getElementById("txtEmailPart").value = emailPart;
        document.getElementById("txtDomainPart").value = domainPart;
    }

最后把一个按钮的onclick属性指定为呼出该Javascript函数

[input type="button" value="Get email & domain parts" style="width:250px"
    onclick="getEmailandDomainParts()"/]

在Javascript教程的11章,我们讨论了indexOf()函数,lastIndexOf()在操作string方面同样也很有用

lastIndexOf()方法会返回string中最后一次出现的特定值的位置,因此这个方法会从头找到尾,直到最后一个符合的index被返回为止.如果在string中没有能够找到指定值的话,会返回-1

例子:获得一个点(.)在string中的最后index位置

var url = "http://www.csharp-video-tutorials.blo...";
alert(url.lastIndexOf("."));

Output : 42

同时运用lastIndexOf()和substring()方法

在网页的head部分,加入如下的script

    function getDomainName()
    {
        var url = document.getElementById("txtURL").value;
        var domainName = url.substr(url.lastIndexOf("."));
        document.getElementById("txtDomian").value = domainName;
    }

最后在按钮的onclick属性中指定呼出该Javascript函数

[input type="button" value="Get top level domain" style="width: 300px"
    onclick="getDomainName()" /]