返回旧版| 微信建站| 建站之家论坛| 我要建站 | 建站学习 | 加入收藏
JavaScript教程当前位置:首页 > HTML教程 > JavaScript教程 > 正文

JavaScript输入输出

发布时间:2013-09-10 23:07:00   来源:   点击:

 二、简单的输入、输出例子
在JavaScript中可以非常方便地实现输入输出信息,并与用户进行交互。

1、JavaScript信息的输入
通过使用JavaScript中所提供的窗口对象方法prompt(), 就能完成信息的输入。该方法提供了最简便的信息输入方式,其基本格式如下:
Window.prompt("提示信", 预定输入信息);
此方法首先在浏览器窗口中弹出一个对话框, 让用户自行输入信息。一旦输入完成后,就返回用户所输入信息的值。例:
test=prompt(“请输入数据:”,”this is a JavaScript”)
实际上prompt()是窗口对象的一个方法。因为缺省情况下所用的对象就是window对象, 所以windows对象可以省略不写。

2、输出显示
每种语言,都必须提供信息数据的输出显示。JavaScript也是一样,它提供有几个用于信息输出显示的方法。比较常用的有window.alert()、document.write和及document.writln()方法。
1)、document.write()方法和document.writeln()方法
document是JavaScript中的一个对象在它中封装许多有用的方法,其中write()和writeln()就是用于将文本信息直接输出到浏览器窗口中的方法。
document.write();
document.writeln();
说明:
write()和writeln()方法都是用于向浏览器窗口输出文本字串;
二者的唯一区别就是writeln()方法自动在文本之后加入回车符。

2)、 window.alert()输出
在JavaScript为了方便信息输出,JavaScript提供了具有独立的对话框信息输出─alert()方法。
alert()方法是window对象的一个方法,因此在使用时,不需要写window窗口对象名,而是直接使用就行了。它主要用途用在输出时产生有关警告提示信息或提示用户,一旦用户按“确定”钮后,方可继续执行其他脚本程序。例:

  1. <HTML> 
  2. <HEAD> 
  3. <TITLE></TITLE> 
  4. </HEAD> 
  5. <BODY> 
  6. <Script Language ="JavaScript"> 
  7. alert("这是一个JavaScript测试程序"); 
  8. </Script> 
  9. </BODY> 
  10. </HTML> 

3)、利用输入、输出方法实现交互
在JavaScript中,可以利用prompt()方法和write()方法实现与Web页面用户进行交互。例下面就是一个有关实现交互的例子。
Test7_1.htm

  1. <HTML> 
  2. <HEAD> 
  3. <TITLE></TITLE> 
  4. </HEAD> 
  5. <BODY> 
  6. <Script Language="JavaScript"> 
  7. <!-- Hide From Other Browsers 
  8. document.write("<H1>有关交互的例子"); 
  9. my=prompt("请输入数据:"); 
  10. document.write(my+"</H1>"); 
  11. document.close(); 
  12. // Stop Hiding from Other Browsers--> 
  13. </Script> 
  14. </BODY> 
  15. </HTML> 

从上面程序可以看出:
可通过write()和prompt()方法实现交互。
在JavaScript脚本语言中可以使用HTML标识语言的代码。从而实现混合编程。其中<H1>和<Br>就是HTML标识符。

四、范例
下列程序演示了你进入主页所停留的时间。
test7_2.htm

  1. <html> 
  2. <form name="myform"> 
  3. <td vAlign="top" width="135">您在此停留了: 
  4. <input name="clock" size="8" value="在线时间"></td> 
  5. </form> 
  6. <script language="JavaScript"> 
  7. var id, iM = 0iS = 1
  8. start = new Date(); 
  9. function go() 
  10. now = new Date(); 
  11. time = (now.getTime() - start.getTime()) / 1000; 
  12. time = Math.floor( time); 
  13. iS = time % 60; 
  14. iM = Math.floor( time / 60); 
  15. if ( iS < 10
  16. document.myform.clock.value = " " + iM + " 分 0" + iS + " 秒"; 
  17. else 
  18. document.myform.clock.value = " " + iM + " 分 " + iS + " 秒"; 
  19. id = setTimeout( "go()", 1000); 
  20. go(); 
  21. </script> 
  22. </body> 
  23. </html> 

在浏览器中的结果,见图2所示。

 

JavaScript输入输出

 

版权所有:郑州腾石网络科技有限公司 备案信息:豫ICP备18019117号
站长QQ:2863868475 业务合作咨询:15137100750(同微信)
本站所有投放的广告是有其他网站提供,不代表本站立场,同时网站首页广告位对外出租详情咨询本站站长!同时欢迎广大站长加入个人建站团队
  • 建站客服
  • CMS仿站
  • CMS学习
  • 技术交流群:336572814