本文翻譯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()" /]

[譯]Javascript substring實例