本节训练题1
题目:写一个函数,输入一个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()方法我们在上一章的练习中也接触了,详细内容我们在字符串对象这一章会讲解。程序还是比较简单的,大家琢磨一下。