JavaScript教程:简单的输入、输出例子

2016-02-20 00:32 14 1 收藏

图老师小编精心整理的JavaScript教程:简单的输入、输出例子希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - Web开发 】

JavaScript是基于对象的脚本编程语言,那么它的输入输出就是通过对象来完成的。其中有关输入可通过窗口(Window)对象来完成,而输出可通过文档(document)对象的方法来实现。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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


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

  每种语言,都必须提供信息数据的输出显示。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窗口对象名,而是直接使用就行了。它主要用途用在输出时产生有关警告提示信息或提示用户,一旦用户按确定钮后,方可继续执行其他脚本程序。例:
HTML
HEAD
TITLE/TITLE
/HEAD
BODY
Script Language ="JavaScript"
alert("这是一个JavaScript测试程序");
/Script
/BODY
/HTML
 
3)、利用输入、输出方法实现交互
  在JavaScript中,可以利用prompt()方法和write()方法实现与Web页面用户进行交互。例下面就是一个有关实现交互的例子。
Test7_1.htm
HTML
HEAD
TITLE/TITLE
/HEAD
BODY
Script Language="JavaScript"
!-- Hide From Other Browsers
document.write("H1有关交互的例子");
my=prompt("请输入数据:");
document.write(my+"/H1");
document.close();
// Stop Hiding from Other Browsers--
/Script
/BODY
/HTML
从上面程序可以看出:
 可通过write()和prompt()方法实现交互。
 在JavaScript脚本语言中可以使用HTML标识语言的代码。从而实现混合编程。其中H1和Br就是HTML标识符。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160220/1632037.html

延伸阅读
        <td width="15%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)" </td       </tr       <tr         <td width="14%" align="center" id="da...
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"   <HTML   <HEAD   <TITLE New Document </TITLE   <META NAME="Generator" CONTENT="Microsoft FrontPage 5.0"   <META NAME="Author" CONTENT="zhaoweiwei"   <META NAME="Keywords" CONTENT="birthday_input"...
      </tr       <tr         <td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)" </td         <td width="14%" align="center" id="da...
   obj_year.innerText=parseInt(num_year)+1;  //年数增加       displayCalendar(obj_month.innerText-1,obj_year.innerText);   }   function plusyear()    {       var obj_year=document.getElementById("year");    var obj_month=document.get...
     displayCalendar(obj_month.innerText-1,obj_year.innerText);   }   function numberOfDays(month,year)  //取得每月天数,判断平年闰年   {     var numDays=new Array(31,28,31,30,31,30,31,31,30,31,30,31);     n=numDays[month];     if(month=...

经验教程

351

收藏

15
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部