題目:寫一個函數,輸入一個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()方法我們在上一章的練習中也接觸了,詳細內容我們在字符串對象這一章會講解。程序還是比較簡單的,大家琢磨一下。