📄 7.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>窗口及输入输出</title>
<meta name="Microsoft Theme" content="maize 011">
</head>
<body background="maizbk.jpg" bgcolor="#FFFFFF" text="#000000" link="#669999" vlink="#999900" alink="#3366CC">
<!--mstheme--><font face="宋体">
<table border="0" width="100%">
<tr>
<td width="100%">
<p align="center"><b><font class="title" lang="ZH-CN" size="4" color="#000000">窗口及输入输出</font></b></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN"> <font size="3">JavaScript是基于对象的脚本编程语言，那么它的输入输出就是通过对象来完成的。其中有关输入可通过窗口（Window）对象来完成，而输出可通过文档（document）对象的方法来实现。</font></font></p>
<p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3">一、窗口及输入输出</font></b></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">请看下面例子：</font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"><HTML></font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"><Head></font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"><script
languaga="JavaScript"></font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">Var
test=window.prompt("请输入数据:");</font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">document.write(test+"JavaScript输入输出的例子");</font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"></script></font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"></Head></font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"></HTML></font></p>
<p style="line-height: 150%"><font size="3"> <font face="宋体" lang="ZH-CN">其中window.prompt()就是一个窗口对象的方法，其基本作用是，当装入Web页面时在屏幕上显示一个具有“确定”和“取消”的对话框，让你输出数据。document.writle是一个文档对象的方法，它的基本功能，是实现Web页面的输出显示。见图1所示。</font></font></p>
<p style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img src="Image8.gif" width="444" height="109"></font><font face="宋体" lang="ZH-CN"> </font></font></p>
<dir>
<dir>
<dir>
<dir>
<dir>
<dir>
<dir>
<dir>
<dir>
<dir>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">图1</font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"> </font></p>
</dir>
</dir>
</dir>
</dir>
</dir>
</dir>
</dir>
</dir>
</dir>
</dir>
<p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3">1、窗口对象</font></b></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"> 该对象包括许多有用的属性、方法和事件驱动程序，编程人员可以利用这些对象控制浏览器窗口显示的各个方面，如对话框、框架等。在使用应注意以下几点：</font></p>
<dir>
<dir>
<p style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img src="Bullet3.gif" width="12" height="12"></font><font face="宋体" lang="ZH-CN"> 该对象对应于HTML文档中的<Body>和<FrameSet>两种标识；</font></font></p>
<p style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img src="Bullet3.gif" width="12" height="12"></font><font face="宋体" lang="ZH-CN"> onload和onunload都是窗口对象属性；</font></font></p>
<p style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img src="Bullet3.gif" width="12" height="12"></font><font face="宋体" lang="ZH-CN"> 在JavaScript脚本中可直接引用窗口对象。如：</font></font></p>
<dir>
<dir>
<dir>
<dir>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">window.alert("窗口对象输入方法")</font></p>
</dir>
</dir>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">可直接使用以下格式：</font></p>
<dir>
<dir>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">alert("窗口对象输入方法")</font></p>
<p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3"> </font></b></p>
</dir>
</dir>
</dir>
</dir>
</dir>
</dir>
<p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3">2、窗口对象的事件驱动</font></b></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"> 窗口对象主要有装入Web文档事件onload和卸载时onunload事件。用于文档载入和停止载入时开始和停止更新文档。</font></p>
<p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3">3、窗口对象的方法</font></b></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"> 窗口对象的方法主要用来提供信息或输入数据以及创建一个新的窗口。</font></p>
<dir>
<dir>
<p style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img src="Bullet3.gif" width="12" height="12"></font><font face="宋体" lang="ZH-CN"> 创建一个新窗口open()</font></font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">使用window.open（参数表）方法可以创建一个新的窗口。其中参数表提供有窗口的主要特性和文档及窗口的命名。</font></p>
<p style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img src="Bullet3.gif" width="12" height="12"></font><font face="宋体" lang="ZH-CN"> 具有OK按钮的对话框</font></font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">alert()方法能创建一个具有OK按钮的对话框。</font></p>
<p style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img src="Bullet3.gif" width="12" height="12"></font><font face="宋体" lang="ZH-CN"> 具有OK和Cancel按钮的对话框</font></font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">confirm()方法为编程人员提供一个具有两个按钮的对话框。</font></p>
<p style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img src="Bullet3.gif" width="12" height="12"></font><font face="宋体" lang="ZH-CN"> 具有输入信息的对话框</font></font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">prompt()方法允许用户在对话框中输入信息，并可使用默认值，其基本格式如下prompt（“提示信息”，默认值）。</font></p>
<p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3"> </font></b></p>
</dir>
</dir>
<p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3">4、窗口对象中的属性</font></b></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"> 窗口对象中的属性主要用来对浏览器中存在的各种窗口和框架的引用，其主要属性有以下几个：</font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">（１）frames
确文档中帧的数目</font></p>
<dir>
<dir>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">frames（帧）作为实现一个窗口的分隔操作，起到非常有用的作用，在使用注意以下几点：</font></p>
<p style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img src="Bullet3.gif" width="12" height="12"></font><font face="宋体" lang="ZH-CN"> frames属性是通过HTML标识<Frames>的顺序来引用的，它包含了一个窗口中的全部帧数。</font></font></p>
<p style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img src="Bullet3.gif" width="12" height="12"></font><font face="宋体" lang="ZH-CN"> 帧本身已是一类窗口，继承了窗口对象所有的全部属性和方法。</font></font></p>
</dir>
</dir>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">（２）Parent
指明当前窗口或帧的父窗口。</font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">（３）defaultstatus:默认状态，它的值显示在窗口的状态栏中。</font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">（４）status:包含文档窗口中帧中的当前信息。</font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">（５）top:包括的是用以实现所有的下级窗口的窗口。</font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">（６）window.指的是当前窗口</font></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">（７）self:引用当前窗口。</font></p>
<p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3"> </font></b></p>
<p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3">5、输出流及文档对象</font></b></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">在JavaScript文档对象中，提供了用于显示关闭、消除、打开HTML页面的输出流。</font></p>
<p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3">（１）创建新文档open()方法</font></b></p>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"> 使用document.open()创建一个新的窗口或在指定的命令窗口内打开文档。由于窗口对象是所加载的父对象,因而我们在调用它的属性或方法时,不需要加入Window对象。例用Window.
Open()与Open()是一样的。<br>
打开一个窗口的基本格式：</font></p>
<dir>
<dir>
<dir>
<dir>
<dir>
<dir>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">Window
.open("URL","窗口名字","窗口属性"]</font></p>
</dir>
</dir>
</dir>
</dir>
</dir>
</dir>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">window属性参数是由一个字符串列表项它由逗号分隔，它指明了有关新创建窗口的属性。见表7-1所示。</font></p>
<dir>
<dir>
<dir>
<dir>
<dir>
<dir>
<dir>
<dir>
<dir>
<dir>
<dir>
<dir>
<p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">表7-1</font></p>
</dir>
</dir>
</dir>
</dir>
</dir>
</dir>
</dir>
</dir>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -