当前位置：学海荡舟 -> 电脑乐园 -> JavaScript实例
　　　　　状态栏显示输入内容
     
效 果 演 示：

　

　　

   
 
源代码如下：



这段程序放在<head>与</head>之间

这段程序放在<body>与</body>之间

这段程序放在<body ****>里


    
源程序讲解：
   

<script language="JavaScript">
var text = "您在输入栏里输入什么，我就显示什么，不信就试试吧!";
var total_length = 60;

 定义一些变量，并赋初值。
function input(msg)
{ var status_message = "";
var assembling = "";
this.status = status_message;
var index = 0;
var location = 0, i;
定义一个函数input()，并声明一些局部变量。
for(i=0; i < msg.length; i++)
{ for(j=total_length-status_message.length; j > -1;j--)
判断当前所出现的字符。
{ assembling = "";
for(var k=0; k < j; k++)
assembling += " ";
assembling += msg.charAt(i); this.status=status_message
+assembling; }
status_message += assembling; } } </script>
返回指定位置的字符，并输出在状态栏。
<form name="shooterform"> <p>
<input type="text" name="content" size="20"> 		建一个输入框。
<input type="button" name="button"
value="请输入您想在状态栏中看到的内容！"
onclick="input(content.value)"> </p> </form> 		插入一个按钮，当点击按钮时，调用input()函数。