DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 訓練題(2)操作字符串函數
訓練題(2)操作字符串函數
編輯:JavaScript基礎知識     

題目:寫一個函數,輸入一個4位數字,要求使用對話框輸出這4個數字字符,但每兩個數字之間留一個空格,如輸入1992,應輸出“1 9 9 2”。

代碼實現如下:

舉例:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function strNum()
        {
            //獲取輸入文本框中的值,這裡獲取的值是一個字符串
            var s = document.getElementById("num").value;
            var s1="";
            for(var i=0;i<4;i++)
            {
                //如果獲取的不是最後一個字符
                if(i!=3)
                {
                    s1+=s.charAt(i)+ " ";
                }
                //如果獲取的是最後一個字符
                else
                {
                    s1+=s.charAt(i);
                }
            }
            alert(s1);
        }
    </script>
</head>
<body>
    輸入數字是:<input type="text" id="num"/><br/>
    <input type="button" onclick="strNum()" value="提交"/>
</body>
</html>

在浏覽器預覽效果如下:

在文本框輸入2015,然後點擊“提交”按鈕,效果如下:

分析:

這裡再一次用到了document.getElementById(),而字符串操作的charAt()方法我們在上一章的練習中也接觸了,詳細內容我們在字符串對象這一章會講解。程序還是比較簡單的,大家琢磨一下。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved