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