文章类别：
分站：　　　　　　　　　　　　　　　　　　　　　　　
> 文章正文
JavaScript从入门到精通:窗口及输入输出
&& 日期：2005 - 12 - 23 && 查看次数：
注： 报名时说明来自神州培训网！
&#106avascript是基于对象的脚本编程语言，那么它的输入输出就是通过对象来完成的。其中有关输入可通过窗口（Window）对象来完成，而输出可通过文档（document）对象的方法来实现。一、(神州培训网-/article/view/21311)窗口及输入输出请看下面例子：&HTML&&Head&&script languaga=“&#106avascript“&Var test=window.prompt(“请输入数据:“);document.write(test+“&#106avascript输入输出的例子“);&/script&&/Head&&/HTML&　　其中window.prompt()就是一个窗口对象的方法，其基本作用是，当装入Web页面时在屏幕上显示一个具有“确定”和“取消”的对话框，让你输出数据。document.writle是一个文档对象的方法，它的基本功能，是实现Web页面的输出显示。见图1所示。1、窗口对象　　该对象包括许多有用的属性、方法和事件驱动程序，编程人员可以利用这些对象控制浏览器窗口显示的各个方面，如对话框、框架等。在使用应注意以下几点：　该对象对应于HTML文档中的&Body&和&FrameSet&两种标识；　onload和onunload都是窗口对象属性；　在&#106avascript脚本中可直接引用窗口对象。如：window.alert(“窗口对象输入方法“)可直接使用以下格式：alert(“窗口对象输入方法“)　2、窗口对象的事件驱动　　窗口对象主要有装入Web文档事件onload和卸载时onunload事件。用于文档载入和停止载入时开始和停止更新文档。3、窗口对象的方法　　窗口对象的方法主要用来提供信息或输入数据以及创建一个新的窗口。　　创建一个新窗口open()使用window.open（参数表）方法可以创建一个新的窗口。其中参数表提供有窗口的主要特性和文档及窗口的命名。　　具有OK按钮的对话框alert()方法能创建一个具有OK按钮的对话框。　　具有OK和Cancel按钮的对话框confirm()方法为编程人员提供一个具有两个按钮的对话框。　　具有输入信息的对话框prompt()方法允许用户在对话框中输入信息，并可使用默认值，其基本格式如下prompt（“提示信息”，默认值）。　4、窗口对象中的属性　　窗口对象中的属性主要用来对浏览器中存在的各种窗口和框架的引用，其主要属性有以下几个：（１）frames 确文档中帧的数目frames（帧）作为实现一个窗口的分隔操作，起到非常有用的作用，在使用注意以下几点：　　frames属性是通过HTML标识&Frames&的顺序来引用的，它包含了一个窗口中的全部帧数。　　帧本身已是一类窗口，继承了窗口对象所有的全部属性和方法。（２）Parent 指明当前窗口或帧的父窗口。（３）defaultstatus:默认状态，它的值显示在窗口的状态栏中。（４）status:包含文档窗口中帧中的当前信息。（５）top:包括的是用以实现所有的下级窗口的窗口。（６）window.指的是当前窗口（７）self:引用当前窗口。　5、输出流及文档对象　　在&#106avascript文档对象中，提供了用于显示关闭、消除、打开HTML页面的输出流。（１）创建新文档open()方法　　使用document.open()创建一个新的窗口或在指定的命令窗口内打开文档。由于窗口对象是所加载的父对象,因而我们在调用它的属性或方法时,不需要加入Window对象。例用Window. Open()与Open()是一样的。打开一个窗口的基本格式：Window .open(“URL“,“窗口名字“,“窗口属性“]window属性参数是由一个字符串列表项它由逗号分隔，它指明了有关新创建窗口的属性。见表7-1所示。表7-1参 数设定值含 义toolbaryes/no建立或不建立标准工具条locationyes/no建立或不建立位置输入字段directionsyes/no建立或不建立标准目录按钮statusyes/no建立或不建立状态条menubaryes/no建立或不建立菜单条scrollbaryes/no建立或不建立滚动条revisableyes/no能否改变窗口大小widthyes/no确定窗口的宽度Heightyes/no确定窗口的高度。　在使用Open()方法时，需要注意以下点。　通常浏览器窗中，总有一个文档是打开的。因而不需要为输出建立一个新文档。　在完成对Web文档的写操作后，要使用或调用close()方法来实现对输出流的关闭。　在使用open()来打开一个新流时，可为文档指定一个有效的文档类型，有效文档类型包括text/HTML、text/gif、text/xim、text/plugin等。（２）write()、writeln()输出显示。该方法主要用来实现在Web页面上显示输出信息。在实际使用中，需注意以下几点：　writeln()与write()唯一不同之处在于在未尾加了一个换符。　为了正常显示其输出信息，必须指明&pre& &/Pre&标记，使之告诉编辑器。　输出的文档类型，可以由浏览器中的有效的合法文本类型所确定。（３）关闭文档流close()在实现多个文档对象中，必须使用close()来关闭一个对象后，才能打开另一个文档对象。（４）清除文档内容clear()使用该方法可清除已经打开文档的内容。　二、简单的输入、输出例子　　在&#106avascript中可以非常方便地实现输入输出信息，并与用户进行交互。1、&#106avascript信息的输入　　通过使用&#106avascript中所提供的窗口对象方法prompt(), 就能完成信息的输入。该方法提供了最简便的信息输入方式，其基本格式如下：Window.prompt(“提示信“, 预定输入信息);　　此方法首先在浏览器窗口中弹出一个对话框, 让用户自行输入信息。一旦输入完成后，就返回用户所输入信息的值。例:test=prompt（“请输入数据:”，”this is a &#106avascript”）　　实际上prompt()是窗口对象的一个方法。因为缺省情况下所用的对象就是window对象, 所以windows对象可以省略不写。　2、输出显示　　每种语言，都必须提供信息数据的输出显示。&#106avascript也是一样，它提供有几个用于信息输出显示的方法。比较常用的有window.alert()、document.write和及document.writln()方法。１)、document.write()方法和document.writeln()方法　　document是&#106avascript中的一个对象在它中封装许多有用的方法，其中write()和writeln()就是用于将文本信息直接输出到浏览器窗口中的方法。document.write()；document.writeln()；说明：　write()和writeln()方法都是用于向浏览器窗口输出文本字串；　二者的唯一区别就是writeln()方法自动在文本之后加入回车符。　２)、 window.alert()输出　　在&#106avascript为了方便信息输出，&#106avascript提供了具有独立的对话框信息输出─alert()方法。alert()方法是window对象的一个方法，因此在使用时，不需要写window窗口对象名，而是直接使用就行了。它主要用途用在输出时产生有关警告提示信息或提示用户，一旦用户按“确定”钮后，方可继续执行其他脚本程序。例:&HTML&&HEAD&&TITLE&&/TITLE&&/HEAD&&BODY&&Script Language =“&#106avascript“&alert(“这是一个&#106avascript测试程序“);&/Script&&/BODY&&/HTML&　３)、利用输入、输出方法实现交互　　在&#106avascript中，可以利用prompt()方法和write()方法实现与Web页面用户进行交互。例下面就是一个有关实现交互的例子。Test7_1.htm&HTML&&HEAD&&TITLE&&/TITLE&&/HEAD&&BODY&&Script Language=“&#106avascript“&&!-- Hide From Other Browsersdocument.write(“&H1&有关交互的例子“);my=prompt(“请输入数据:“);document.write(my+“&/H1&“);document.close();// Stop Hiding from Other Browsers--&&/Script&&/BODY&&/HTML&从上面程序可以看出：　可通过write()和prompt()方法实现交互。　在&#106avascript脚本语言中可以使用HTML标识语言的代码。从而实现混合编程。其中&H1&和&Br&就是HTML标识符。　四、范例下列程序演示了你进入主页所停留的时间。test7_2.htm&html&&form name=“myform“&&td vAlign=“top“ width=“135“&您在此停留了：&input name=“clock“ size=“8“ value=“在线时间“&&/td&&/form&&script language=“&#106avascript“&var id, iM = 0, iS = 1;start = new Date();function go(){now = new Date();time = (now.getTime() - start.getTime()) / 1000;time = Math.floor( time);iS = time % 60;iM = Math.floor( time / 60);if ( iS & 10)document.myform.clock.value = “ “ + iM + “ 分 0“ + iS + “ 秒“;elsedocument.myform.clock.value = “ “ + iM + “ 分 “ + iS + “ 秒“;id = setTimeout( “go()“, 1000);}go();&/script&&/body&&/html&在浏览器中的结果，见图2所示。
文章标签：JavaScript从入门到精通:窗口及输入输出,深圳学习资料,深圳程序设计
神州培训网汇集JavaScript从入门到精通:窗口及输入输出,深圳学习资料,深圳程序设计 更多相关文章信息
注： 报名时说明来自神州培训网！
相关专题文章
本网代发各种新闻、文章 联系QQ：
IT（电脑）&
网络工程师&
IT认证考试&
计算机组装和维护&
计算机等级考试&
DREAMWEAVER&
数据库开发&
CCNA(思科)&
CCNP(思科)&
CCIE(思科)&
PHOTOSHOP&
CORELDRAW&
IIIUSTRATOR&
ACCD平面设计师&
CEAC平面设计师&
FrameMaker&
PageMaker&
After Effects&
模具设计/工业设计&
Mastercam CAD/CAM&
Unigraphics(UG)&
Pro/ENGINEER(Pro/e)&
SolidWorks&
LightWave&
FREEMARKER&
3G移动技术&
二维三维动漫&
MACROMEDIA&
CISCO(思科)&
软件工程师&
计算机等级考试&
装潢设计师&
嵌入式、单片机培训&
嵌入式培训&
单片机培训&
室内手绘/手绘&
智能移动终端考试&
网络推广/营销&
网络营销/推广&
网络工程师&
信息安全工程师&
系统集成项目管理工程师&
网络规划设计师&
系统规划与管理师&
系统架构设计师&
信息系统项目管理师&
系统分析师&
软件测评师&
IT（电脑）专题
IT（电脑）资讯
IT（电脑）选课建议
IT（电脑）考试
IT（电脑）学习方法
深圳java定向实训培训
2010年深圳招调工计算机操作员中高级培训包考过
深圳JAVA就业培训,工作后付款
深圳嵌入式软件工程师培训周末班
深圳3G嵌入式Linux开发培训名企就业班
英语阅读：一生中需问父母的8个问题
哈尔滨自学考试的好处
哈尔滨普通话培训班
哈尔滨会计的职业规划
哈尔滨心理咨询师的发展前景
哈尔滨公共营养师的就业前景及发展方向
哈尔滨育婴师的前景与现状
哈尔滨口才的重要性
哈尔滨高考生应有什么样的心态？
哈尔滨中考备考的要求
汽车维修理念升级，从以换代修到以修代换
大连冷饮班学习内容
天津企业诊断服务好不好
西学会计就到仁和会计学校
天津津南区有哪些会计实操培训学校
从.class文件中寻找类名
在清单里设置主类
Java语言的Calendar和Date类
Java下数字类型的转换
如何实例化一个抽象类？package net.zchargesystem.
import java.lang.reflect.F
import java.lang.reflect.InvocationTargetE
import java.lang.reflect.M
import net.zchargesystem.entity.U
* @author dewei
2011 Aug 23th PM15:41
* 传递对象反射生成Json格式字符串
public class ObjectToJson {
* 用反射生成Json格式字符串
* @param object 任意类型对象
* @return 拼接好的StringBuffer对象
public static StringBuffer ToJson(Object object) throws ClassNotFoundException, SecurityException, NoSuchMethodException, IllegalArgumentException, IllegalAccessException, InvocationTargetException{
Class clazz = object.getClass();
Field[] fields = clazz.getDeclaredFields();
StringBuffer sb = new StringBuffer(&{[&);
for (Field field : fields) {
String fieldName = field.getName();
Method method = clazz.getMethod(&get& + change(fieldName), null);
Object property = method.invoke(object, null);
if(property == null){
sb.append(&\&\&,&);
sb.append(&\&& + property + &\&,&);
sb.append(&]}&);
return sb.replace(sb.lastIndexOf(&,&),sb.lastIndexOf(&,&) + 1 ,&&);
* @param src
* @return 字符串，将src的第一个字母转换为大写，src为空时返回null
public static String change(String src) {
if (src != null) {
StringBuffer sb = new StringBuffer(src);
sb.setCharAt(0, Character.toUpperCase(sb.charAt(0)));
return sb.toString();
public static void main(String[] args) throws ClassNotFoundException, SecurityException, IllegalArgumentException, NoSuchMethodException, IllegalAccessException, InvocationTargetException {
User u = new User();
u.setId(1);
u.setName(&aaa&);
u.setPassword(&111&);
u.setLoginName(&login&);
System.out.println(ToJson(u));
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：264615次
积分：3032
积分：3032
排名：第4757名
原创：71篇
转载：42篇
译文：10篇
评论：34条
(1)(1)(1)(1)(4)(2)(3)(2)(24)(1)(2)(23)(17)(13)(13)(11)(4)从上面程序可以看出：可通过write()和prompt()方法实现交互。在JavaScript脚本语言中可以使用HTML标识语言的代码。从而实现混合编程。其中和就是HTML标识符。四、范例下列程序演示了你进入主页所停留的时间。test7_2.htm您在此停留了：var id, iM = 0, iS = 1;start = new Date();function go(){now = new Date();time = (now.getTime() - start.getTime()) / 1000;time = Math.floor( time);iS = time % 60;iM = Math.floor( time / 60);if ( iS document.myform.clock.value = " " + iM + " 分 0" + iS + " 秒";elsedocument.myform.clock.value = " " + iM + " 分 " + iS + " 秒";id = setTimeout( "go()", 1000);}go();在浏览器中的结果，见图2所示。图2
点评及系统信息42.62.37.1831.皇宫你就是那不落的太阳，照亮了大地，拯救了苍生，世界因你而美丽！188.165.15.1772.府邸第一次评论啊，好紧张啊，该怎么说啊，打多少字才显的有文采啊，这样说好不好啊，会不会成热贴啊，我写的这么好会不会太招遥，写的这么深奥别人会不会看不懂啊，怎样才能写出我博士后的水平呢，......，半年写了这么多会不会太快啊，好激动啊220.181.125.1743.别墅理想很丰满，现实很骨感。188.165.15.2144区当大部分人都在关注你飞的高不高时，只有少部分人关心你飞的累不累，这就是友情。188.165.15.995区我轻轻地来，正如我轻轻地走，挥一挥匕首，不留下一个活口 188.165.15.996区谈恋爱就像剥洋葱，总有一层会让你流泪。188.165.15.2147区听话，快到碗里来！42.62.37.1838区你若安好，便是晴天。188.165.15.59区如果这就是爱，再转身的时候就该留下188.165.15.510区爱情就像攥在手里的沙子，攥的越紧，流失的越快。188.165.15.1511区第一次评论啊，好紧张啊，该怎么说啊，打多少字才显的有文采啊，这样说好不好啊，会不会成热贴啊，我写的这么好会不会太招遥，写的这么深奥别人会不会看不懂啊，怎样才能写出我博士后的水平呢，......，半年写了这么多会不会太快啊，好激动啊42.62.37.7112区叹气是最浪费时间的事情，哭泣是最浪费力气的行径。61.135.189.17313区人生两大悲剧：一是万念俱灰，一是踌躇满志。220.181.125.17414区忙碌是一种幸福，让我们没时间体会痛苦；奔波是一种快乐，让我们真实地感受生活；疲惫是一种享受，让我们无暇空虚。220.181.125.17415区火钳刘明5.9.102.1216区一个人能走多远，要看他有谁同行；一个人有多优秀，要看他有谁指点；一个人有多成功，要看他有谁相伴。
1211532211818182418221623
Powered by &&& 2002 - 2015&
All Rights Reserved
提供技术支持.&&备案号：&&|&&责编：崔宁
attribute:1,
method:function() {
alert("我是函数");
for (var i in dbtable1){
// 输出属性名：
attribute，method
alert(obj[i])
// 输出属性的值：1和函数的内容
alert(obj["method"]);// 输出指定的值：如果只知道属性的几个字母，那么可以结合正则表达式输出这个属性
本文相关搜索----平面设计----
----动画制作----
Authorware
----网页制作----
Dreamweaver
----开发语言----
VisuaBlasic
C++ Builder
Javascript
当前位置：设计开发-&开发语言-&Javascript
_______________________________________________________________________________________________　
窗口及输入输出
　　JavaScript是基于对象的脚本编程语言，那么它的输入输出就是通过对象来完成的。其中有关
输入可通过窗口（Window）对象来完成，而输出可通过文档（document）对象的方法来实现。
一、窗口及输入输出
请看下面例子：
&script languaga="JavaScript"&
Var test=window.prompt("请输入数据:");
document.write(test+"JavaScript输入输出的例子");
　　其中window.prompt()就是一个窗口对象的方法，其基本作用是，当装入Web页面时在屏
幕上显示一个具有“确定”和“取消”的对话框，让你输出数据。document.writle是一个文
档对象的方法，它的基本功能，是实现Web页面的输出显示。见图1所示。
1、窗口对象
　　该对象包括许多有用的属性、方法和事件驱动程序，编程人员可以利用这些对象控制浏览器
窗口显示的各个方面，如对话框、框架等。在使用应注意以下几点：
　该对象对应于HTML文档中的&Body&和&FrameSet&两种标识；
　onload和onunload都是窗口对象属性；
　在JavaScript脚本中可直接引用窗口对象。如：
window.alert("窗口对象输入方法")
可直接使用以下格式：
alert("窗口对象输入方法")
2、窗口对象的事件驱动
　　窗口对象主要有装入Web文档事件onload和卸载时onunload事件。用于文档载入和停止载入时
开始和停止更新文档。
3、窗口对象的方法
　　窗口对象的方法主要用来提供信息或输入数据以及创建一个新的窗口。
　创建一个新窗口open()
使用window.open（参数表）方法可以创建一个新的窗口。其中参数表提供有窗口的主
要特性和文档及窗口的命名。
　具有OK按钮的对话框
alert()方法能创建一个具有OK按钮的对话框。
　具有OK和Cancel按钮的对话框
confirm()方法为编程人员提供一个具有两个按钮的对话框。
　具有输入信息的对话框
prompt()方法允许用户在对话框中输入信息，并可使用默认值，其基本格式如下
prompt（“提示信息”，默认值）。
4、窗口对象中的属性
　　窗口对象中的属性主要用来对浏览器中存在的各种窗口和框架的引用，其主要属性有以下几个：
（１）frames 确文档中帧的数目
frames（帧）作为实现一个窗口的分隔操作，起到非常有用的作用，在使用注意以下几点：
　frames属性是通过HTML标识&Frames&的顺序来引用的，它包含了一个窗口中的全部帧数。
　帧本身已是一类窗口，继承了窗口对象所有的全部属性和方法。
（２）Parent 指明当前窗口或帧的父窗口。
（３）defaultstatus:默认状态，它的值显示在窗口的状态栏中。
（４）status:包含文档窗口中帧中的当前信息。
（５）top:包括的是用以实现所有的下级窗口的窗口。
（６）window.指的是当前窗口
（７）self:引用当前窗口。
5、输出流及文档对象
在JavaScript文档对象中，提供了用于显示关闭、消除、打开HTML页面的输出流。
（１）创建新文档open()方法
　　使用document.open()创建一个新的窗口或在指定的命令窗口内打开文档。由于窗口对象
是所加载的父对象,因而我们在调用它的属性或方法时,不需要加入Window对象。例用Window. Open()
与Open()是一样的。
打开一个窗口的基本格式：
Window .open("URL","窗口名字","窗口属性"]
window属性参数是由一个字符串列表项它由逗号分隔，它指明了有关新创建窗口的属性。见表7-1所示。
建立或不建立标准工具条
建立或不建立位置输入字段
directions
建立或不建立标准目录按钮
建立或不建立状态条
建立或不建立菜单条
建立或不建立滚动条
能否改变窗口大小
确定窗口的宽度
确定窗口的高度。
在使用Open()方法时，需要注意以下点。
　通常浏览器窗中，总有一个文档是打开的。因而不需要为输出建立一个新文档。
　在完成对Web文档的写操作后，要使用或调用close()方法来实现对输出流的关闭。
　在使用open()来打开一个新流时，可为文档指定一个有效的文档类型，有效文档类型包括text/HTML、text/gif、text/xim、text/plugin等。
（２）write()、writeln()输出显示。
该方法主要用来实现在Web页面上显示输出信息。在实际使用中，需注意以下几点：
　writeln()与write()唯一不同之处在于在未尾加了一个换符。
　为了正常显示其输出信息，必须指明&pre&
&/Pre&标记，使之告诉编辑器。
　输出的文档类型，可以由浏览器中的有效的合法文本类型所确定。
（３）关闭文档流close()
在实现多个文档对象中，必须使用close()来关闭一个对象后，才能打开另一个文档对象。
（４）清除文档内容clear()
使用该方法可清除已经打开文档的内容。
二、简单的输入、输出例子
　　在JavaScript中可以非常方便地实现输入输出信息，并与用户进行交互。
1、JavaScript信息的输入
　　通过使用JavaScript中所提供的窗口对象方法prompt(),
就能完成信息的输入。该方法提供了最简便的信息输入方式，其基本格式如下：
Window.prompt("提示信", 预定输入信息);
　　此方法首先在浏览器窗口中弹出一个对话框, 让用户自行输入信息。一旦输入完成后，就返回用户所输入信息的值。例:
test=prompt（“请输入数据:”，”this is
a JavaScript”）
　　实际上prompt()是窗口对象的一个方法。因为缺省情况下所用的对象就是window对象,
所以windows对象可以省略不写。
2、输出显示
　　每种语言，都必须提供信息数据的输出显示。JavaScript也是一样，它提供有几个用于信息输出显示的方法。比较常用的有window.alert()、document.write和及document.writln()方法。
１)、document.write()方法和document.writeln()方法
　　document是JavaScript中的一个对象在它中封装许多有用的方法，其中write()和writeln()就是用于将文本信息直接输出到浏览器窗口中的方法。
document.write()；
document.writeln()；
　write()和writeln()方法都是用于向浏览器窗口输出文本字串；
　二者的唯一区别就是writeln()方法自动在文本之后加入回车符。
２)、 window.alert()输出
　　在JavaScript为了方便信息输出，JavaScript提供了具有独立的对话框信息输出─alert()方法。
alert()方法是window对象的一个方法，因此在使用时，不需要写window窗口对象名，而是直接使用就行了。它主要用途用在输出时产生有关警告提示信息或提示用户，一旦用户按“确定”钮后，方可继续执行其他脚本程序。例:
&TITLE&&/TITLE&
&Script Language ="JavaScript"&
alert("这是一个JavaScript测试程序");
３)、利用输入、输出方法实现交互
　　在JavaScript中，可以利用prompt()方法和write()方法实现与Web页面用户进行交互。例下面就是一个有关实现交互的例子。
Test7_1.htm
&TITLE&&/TITLE&
&Script Language="JavaScript"&
&!-- Hide From Other Browsers
document.write("&H1&有关交互的例子");
my=prompt("请输入数据:");
document.write(my+"&/H1&");
document.close();
// Stop Hiding from Other Browsers--&
从上面程序可以看出：
　可通过write()和prompt()方法实现交互。
　在JavaScript脚本语言中可以使用HTML标识语言的代码。从而实现混合编程。其中&H1&和&Br&就是HTML标识符。
下列程序演示了你进入主页所停留的时间。
test7_2.htm
&form name="myform"&
&td vAlign="top" width="135"&您在此停留了：
&input name="clock" size="8"
value="在线时间"&&/td&
&script language="JavaScript"&
var id, iM = 0, iS = 1;
start = new Date();
function go()
now = new Date();
time = (now.getTime() - start.getTime())
time = Math.floor( time);
iS = time % 60;
iM = Math.floor( time / 60);
if ( iS & 10)
document.myform.clock.value = "
" + iM + " 分 0" + iS + " 秒";
document.myform.clock.value = "
" + iM + " 分 " + iS + " 秒";
id = setTimeout( "go()", 1000);
在浏览器中的结果，见图1所示。
Copyright &
广州民航职业技术学院网络中心 版权所有