JavaScript自定义函数实现字符串反转 - Reverse

2017-01-29 20:58:02 访问(1748) 赞(0) 踩(0)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><title>

</title></head>
<body>

    <h1>
        JavaScript自定义函数实现字符串反转 - Reverse</h1>
    输入：<br />
    <textarea name="txt_Input" rows="2" cols="20" id="txt_Input" style="height:100px;width:99%;">123456789</textarea>
    <br />
    <br />
    <input type="button" id="btn_OK" value="确定" onclick="OkClick()" />
    <br />
    <br />
    输出：<br />
    <textarea name="txt_Output" rows="2" cols="20" id="txt_Output" style="height:100px;width:99%;"></textarea>
</body>
</html>

<script language="javascript" type="text/javascript">

    function StrReverse(str) { 
        // 字符串反转 - Reverse //
        if (str == null)
            return "";

        var theResult = "";
        var theLen = str.length;

        for (var i = theLen - 1; i >= 0; --i) {
            theResult = theResult + str.substr(i, 1);
        }
        return theResult;
    }

    function OkClick() {
        var inputCtrl = document.getElementById("txt_Input");
        var outputCtrl = document.getElementById("txt_Output");

        var theValue = inputCtrl.value;
        theValue = StrReverse(theValue);

        outputCtrl.value = theValue;
    }
 

</script>